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.