Type scale

Eight steps, modular but irregular — sizes chosen for legible separation, not strict geometric progression. Use display font (--font-display) at --type-xl and above; body font for everything below.

Match Recap --type-3xl / --lh-3xl · display

Hat-trick from the captain --type-2xl / --lh-2xl · display

Section heading --type-xl / --lh-xl · display

Sub-section heading --type-lg / --lh-lg · body

Lead paragraph or callout text that needs slightly more presence than body copy. --type-md / --lh-md · body

Body copy. Default reading size — every block of text in flowing layout starts here. --type-base / --lh-base · body

Secondary text. Captions, meta, dense table rows. --type-sm / --lh-sm · body

Tiny. Pill labels, timestamps, footnotes. --type-xs / --lh-xs · body