The first paragraph is set larger than the rest. It carries the reader in and states what the piece is actually about, which is not always the same thing as what prompted it.
Body text runs at a measure of around sixty-five characters, because that is roughly where the eye stops having to work. Line height is loose enough to read a long piece without losing the line, and the column stays put rather than stretching to the window.
A section heading, in the display serif
Headings break a long piece into parts that can be scanned. They sit closer to the paragraph they introduce than to the one they follow, so the structure is legible before a word is read.
- Lists are for things that are genuinely a list.
- Markers pick up the section colour.
- Three items is usually the right number.
A subheading, one step down
Inline links look like links and nothing else
does. Code appears as --brand-text-light, in the same mono
face the rest of the site uses for anything precise.
A pull quote is set in the display serif at reading size, with a rule in the section colour. It is for a sentence worth slowing down for, not for decoration.
The closing paragraph does not summarise. It lands, and stops.