Headings — Source Serif 4
H1 · 42
A design system in Source Serif 4
H2 · 32
A design system in Source Serif 4
H3 · 25
A design system in Source Serif 4
H4 · 20
A design system in Source Serif 4
H5 · 16
A design system in Source Serif 4
H6 · 13
A design system in Source Serif 4
Body — Source Serif 4
P1 · 17
Design tokens describe a look once and let every page inherit it.
P2 · 15
The quick brown fox jumps over the lazy dog — body copy at the reading size, where the pairing either sings or doesn't.
P3 · 13
Captions, metadata and footnotes live down here, one notch quieter than the body.
Usage
Headings take var(--font-heading) at var(--font-heading-weight) automatically; body copy inherits var(--font-body). Never name a font family directly.