Type Sample
Edmunds.com type specifications. Some special rules include, 10px padding under all body headers/H4’s,
15px padding between all paragraph breaks and custom line-height for line wrapping is 24px. Otherwise see below for details.
H1
This is a an example of an H1
This is a an example of an H1
Helvetica, font size: 28px, Line height: 34px, #333333
Primarly used for page headers (e.g. H1)
H2
This is an example of an H2
This is an example of an H2
Helvetica, Regular, font size: 22px, Line height: 30px, #333333
H3
This is an example of an H3
This is an example of an H3
Helvetica, Regular, font size: 16px, Line height: 22px, #555555
H4
This is an example of an H4
This is an example of an H4
Helvetica, Bold, font size: 14px, Line height: 19px, #333333
Body Text
This is an example of Body Text. Until recently, buyers in this category had two options: the BMW 3 Series or something that wasn't as good as the BMW 3 Series. But times have changed and BMW's spot at the top of the pecking order is as unstable as it's ever been. The base engine is now a turbocharged four-cylinder, and challengers to the throne are getting exceptionally good.
This is an example of Body Text. Until recently, buyers in this category had two options: the BMW 3 Series or something that wasn't as good as the BMW 3 Series. But times have changed and BMW's spot at the top of the pecking order is as unstable as it's ever been. The base engine is now a turbocharged four-cylinder, and challengers to the throne are getting exceptionally good.
Helvetica, Regular, font size: 14px, Line height: 20px, #333333
Links
Link 1
Link 1
Helvetica, Regular, font size: 14px, Line height: 20px, #0072BC
Links lists: 14px/28px/24px line wrap
Bulleted Lists
• Sed rutrum est non
• Duis dapibus viverra
• Suspendisse potenti
• Nulla quis enim ut elit
• Vivamus venenatis orci
• Sed rutrum est non
• Duis dapibus viverra
• Suspendisse potenti
• Nulla quis enim ut elit
• Vivamus venenatis orci
Helvetica, Regular, font size: 14px, Line height: 20px, #333333
Captions
Nam mattis adipiscing tortor; sit amet porta massa tincidunt sit amet.
Nam mattis adipiscing tortor; sit amet porta massa tincidunt sit amet.
Helvetica, Regular, font size: 13px, Line height: 18px, #555555
Footnotes/Fine Print
*Nam mattis adipiscing tortor; sit amet porta massa tincidunt sit amet.
*Nam mattis adipiscing tortor; sit amet porta massa tincidunt sit amet.
Helvetica, Regular, font size: 11px, Line height: 16px, #555555
Guideline: No widows in headlines, body copy, etc. - 2-3 words minimum on last line
Download: Type Specimen PSD / Type Rules PSD
Horizontal Rules
Horizontal Rules (HRs) are content separators. The Dotted Rule is used to separate 'like' content, while the Solid Rules separate sections of 'different' types of content. The 'Light' solid rule can be used in cases where content is grouped within the same section.
Usage: Separates content within and outside of containers
Vertical Rules
Usage: Follow same as above – use to designer's discretion