Style Guide
January 26, 2015
Typography
Heading 1
– To be used as the first paragraph text for emphasis. Also used as the large stat #’s in the Quick Facts, and as the heading text when associated with information sections/images.
Heading 2
– To be used as secondary headings breaking up paragraphs of text.
Heading 3
– To be used in the sidebar and other spots that are linked somewhere.
Normal
– Regular text, can be occasionally italicized and bolded for emphasis, avoid too much bolding.
Quote
– To be used in pull-quotes, and in the Quick Facts sidebar as descriptive text.
Paragraphs
– Text should NEVER be the full-width of the page
– Heading 1 font should only be used for the emphasis in the first paragraph or few sentences on a page.
Imagery
– For Header images: photographs should be at least 1200 px wide and 72dpi
– File size: Big images should ideally be under 100k, small images should be under 30k
– Images should be compelling and relevant to the topics they accompany