Primary colors
Primary
Secondary
Tertiary
Background
Font colors
Heading
Paragraph
Buttons
Headings and Paragraph
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Marcellus at 16 pixels over a 26 pixel line, which is what every paragraph on this site is set in. Long enough to see the rhythm: the type is a serif with high stroke contrast, so it wants a generous measure and enough leading to keep the counters open. Below about 15 pixels it starts to close up.
Article styles
Body copy inside an article, which is where the prose styles apply: links, lists, quotes and rules all take their measure from the same scale.
A subheading inside an article
- An unordered list item
- A second one, with bold and italic inside it
- An ordered list item
- And its sibling
A pull quote, set at the article's larger size with a rule down its left edge.
Inline code keeps the monospace fallback.