Template

This is Heading 3 size

H3 can be used as a subheading in the body of articles.

Body copy is this size. This is the text that would be used for most content on the site. 

Paragraphs should typically be 100 words in length. When writing for the web 50 words may be even better. It also helps to think in terms of number of lines rather than words. Around five-seven lines is a good length. Remember that window is wider in edit mode than in view mode.

Please don't clutter your text with too many links. Links make the text difficult to read and they date fast. You should include links beneath the paragraph and give them an intuitive name. Link text should describe the destination to the user, and make sense without the context of the rest of the the web page. Don't say 'click here'. Never publish URLs as links in web pages.

Graphical elements

Below are elements that help break up the the text, emphasise elements of interest, improve navigation.

• Editorial style guide
• Item 2
• Item 3
• Item 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis laoreet lacus. In a dolor sit amet elit rutrum consectetur ut tincidunt velit. Vivamus in suscipit justo. Duis cursus ultrices ex eu consectetur. Praesent congue malesuada urna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum venenatis sit amet felis at ultricies. Pellentesque cursus nec neque et finibus.

This is a block quote lorem ipsum dolor sit amet, consectetur adispiscing elit. Cras quis laoreet lacus.

Aenean cursus condimentum nibh. Nam non libero ut massa lobortis fermentum. Aliquam vestibulum, mi vel pellentesque efficitur, justo felis suscipit ipsum, non finibus magna ante id quam. Etiam hendrerit et leo eu maximus. Phasellus et velit tempor, suscipit purus ut, maximus urna. Etiam lobortis ligula sit amet lobortis tempus. Maecenas dapibus, ligula non tristique mollis, nulla odio cursus lorem.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis laoreet lacus. In a dolor sit amet elit rutrum consectetur ut tincidunt velit. Vivamus in suscipit justo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis laoreet lacus. In a dolor sit amet elit rutrum consectetur ut tincidunt velit. Vivamus in suscipit justo. Duis cursus ultrices ex eu consectetur. Praesent congue malesuada urna. Cum sociis natoque penatibus et.

Buttons

These are buttons and are typically included in the stylesheet but you can add them manually as well. They all require static, hover and focus states.

Author