The quick brown fox jumps
Hero headlines only
The quick brown fox jumps
Page title
The quick brown fox jumps
Section heading
The quick brown fox jumps
Card and panel titles
The quick brown fox jumps
Default reading size
The quick brown fox jumps
Descriptions, help text
The quick brown fox jumps
Labels, table headers
The quick brown fox jumps
Code, IDs, filenames
Three is enough. More than that and hierarchy stops reading as deliberate.
Headings now render in Instrument Sans; body and UI text stay on the system stack. The rest are kept for comparison — each sample below loads its own face, so what you see is the real thing.
Ship the thing that works
Handgloves 0123456789 — the quick brown fox jumps over the lazy dog while a11y, Il1 and O0 stay legible.
Vercel's. Neutral and tight, excellent at small sizes. The safe modern default.
Ship the thing that works
Handgloves 0123456789 — the quick brown fox jumps over the lazy dog while a11y, Il1 and O0 stay legible.
Ubiquitous — reads as competent but anonymous. Great metrics, no personality.
Ship the thing that works
Handgloves 0123456789 — the quick brown fox jumps over the lazy dog while a11y, Il1 and O0 stay legible.
IN USE for headings. Slightly editorial, a little warmth in the curves — enough character to not read as default.
Ship the thing that works
Handgloves 0123456789 — the quick brown fox jumps over the lazy dog while a11y, Il1 and O0 stay legible.
Technical and distinctive. Strong for portfolio work, tiring for long UI copy.
Ship the thing that works
Handgloves 0123456789 — the quick brown fox jumps over the lazy dog while a11y, Il1 and O0 stay legible.
IN USE for body and UI text. Renders natively, costs nothing to load, and stays legible at 11px where display faces get muddy.