Heading 1 — Newsreader serif, large

Heading 2 — section header

Heading 3 — subsection

Heading 4 — fine-grained

This is a lede paragraph. Slightly larger, slightly muted. Used as the lead-in under page headers and at the top of long-form pieces.

Body text reads like this. Inter at 17px (1.0625rem), line-height 1.7. Long enough to evaluate rhythm: the steam engine and the factory system reorganized the 19th century. Electrification and the assembly line reorganized the 20th. The internet and mobile reorganized the early 21st.

A second paragraph for spacing. Bold reads like this. Italic reads like this. Inline links look like this with a soft accent blue and a hover state. Inline code spans use the mono font.

Muted paragraph — used for secondary information, captions, metadata.

Faint paragraph — used for timestamps, version stamps, footnotes.

Mono paragraph — used for timestamps, tags, the wordmark, and code blocks.