Articles

App - Hidden

test page 1

testing page 

Gifts in action

647x280

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac neque a urna commodo ornare. Donec tincidunt sem sit amet ex faucibus scelerisque. Duis pellentesque commodo congue. Sed tempus consectetur leo, quis mattis sapien eleifend quis. Maecenas suscipit lacinia maximus. Vivamus porta mauris ligula, a pellentesque metus pulvinar nec. Mauris vel ullamcorper mauris, in pretium eros.

Nunc ultrices mi dolor, at consectetur est aliquet vel. Nullam porta malesuada nibh, eu facilisis lectus posuere vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id dui vehicula, sodales massa non, sodales neque. Aenean purus odio, tristique et neque et, sollicitudin volutpat neque. Ut facilisis blandit ante, ut gravida justo egestas nec. Donec congue lorem in elit volutpat accumsan. Aenean id elit sagittis, volutpat nunc venenatis, placerat libero.

placeholder AR 215x160 placeholder AR 215x160 2 placeholder AR 215x160 3
Story headline 1. Limit to 40 characters. Story headline 2. Limit to 40 characters. Story headline 3. Limit to 40 characters.


2014 Annual Report

Duis pellentesque commodo congue. Sed tempus consectetur leo, quis mattis sapien eleifend quis. Maecenas suscipit lacinia maximus. Vivamus porta mauris ligula, a pellentesque metus pulvinar nec. Mauris vel ullamcorper mauris, in pretium eros. Read more »


Annual report archive

2013 [PDF]

2012 [PDF]

2011 [PDF]

test page/becky

test page

header

Project M

Project M headline goes here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat libero eu aliquam interdum. Quisque elementum ullamcorper semper. Nam semper nunc quam, quis scelerisque lacus scelerisque vitae. Vestibulum vulputate, erat in fermentum pretium, dolor tellus blandit.

Integer dapibus porta nisl eget maximus. Aliquam dui ipsum, commodo blandit varius at, volutpat ut nibh. Sed elementum lectus quis dolor placerat, sit amet maximus libero consectetur.

Questions about your care? 
Call Children's Helpline:
XXX-XXX-XXXX

Questions about your coverage? 
Ipsum Lorem Customer Service: XXX-XXX-XXXX


Fusce porttitor lectus sed nunc rutrum, ac sollicitudin erat aliquet. Aenean at felis odio. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent id rhoncus ante. Duis accumsan nisl id massa imperdiet dictum.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris feugiat volutpat cursus. Nunc sed dolor eu nunc consectetur faucibus.

Status Update as of October XX

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris feugiat volutpat cursus. Nunc sed dolor eu nunc consectetur faucibus.

Duis pretium felis ac orci convallis mollis. Donec massa leo, semper id faucibus id, dignissim at felis. Donec commodo maximus orci, nec mollis sem imperdiet vel.

Duis pretium felis ac orci convallis mollis. Donec massa leo, semper id faucibus id, dignissim at felis. Donec commodo maximus orci, nec mollis sem imperdiet vel.

web style guide

Headline formatting: Heading 2, bold, pink #e70078

Body copy should remain in black, default size and typeface. Bold text only when necessary. Please remember to bold all links and refrain from using the phrase click here as a call to action. H2 headlines you will have to manually bold (even though they appear bold in the editor) and manually change the color to the pink, #e70078. 

Formatting tips

  • When copying and pasting text from another website, a Word doc, PowerPoint, etc... select the 'paste as plain text' option from the clipboard dropdown in the tools panel. This will remove all formatting that's been applied to the text. 
  • To add a » to the end of a link in the instance of a Read more » or Learn more » use the PC shortcut: alt+0187, or on a Mac: alt+shift+\
  • Always use the 'ordered list' option in the tools panel for bulleted list vs creating your own bullets. 
  • Never change the color of body copy, link color, or headlines to anything that's not specified in this style guide. 

Links: best practices

Linking to external websites/within ChildrensMN.org

  • Make sure that the linking text is descriptive so the user will know what to expect when clicking the link. 
  • Aim to use only keywords vs linking sentences or writing out the web address within the content. Unless there is a specific reason users need to know the exact web address, your links should be assumed by the user to bring them to the content they are expecting to see.
  • Make sure that the links are related to the content and useful to the readers, if it doesn't pertain to the content, don't link it. And finally, don't overdo the links. Too many links on a page creates a bad user experience and becomes overwhelming. 
  • Don't be afraid to add a "related links" section below the main content if there are too many links, or links that don't specifically relate to the copy. 

DO link like this: 

We collaborate with clinical immunologists nationally to provide the most advanced diagnostic tests and treatments available, and we stay up to date by attending the annual Clinical Immunology Society meeting.

DO NOT link like this: 

We collaborate with clinical immunologists nationally to provide the most advanced diagnostic tests and treatments available, and we stay up to date by attending the annual Clinical Immunology Society meeting. Visit their website at www.clinicalimmunologysociety.org.

Email

When directing a reader to contact someone, always make sure to use their name as the linking text vs the email address, unless there is a specific reason the user needs to know the email address. 

Examples:

Correct: Please email This e-mail address is being protected from spambots. You need JavaScript enabled to view it. if you should have any questions or need direction on how to format your web pages. 

Incorrect: Please email Angie Norvitch at This e-mail address is being protected from spambots. You need JavaScript enabled to view it. if you should have any questions or need direction on how to format your web pages. 


Menu/navigation changes

Please refrain from making any changes within the menus or navigation without prior consent from the digital team or ITS.