Inter for reading, Inter Display for headlines, mono for the machine's voice.
Inter is the reading voice; at large sizes its optical axis becomes Inter Display, set light so headlines feel open. Geist Mono is the machine voice. Leading is tuned to match our components: tight for display, loose for body. Composed from tokens/primitive/typography.json and named in tokens/semantic/typography.json.
Inter Display (opsz 32), light, tight leading. This is the page-title style (.title) at three sizes.
Inter, semibold. Section titles, h1 down to h5.
Inter, medium. A step lighter than a header at the same size.
Inter, regular, relaxed leading (1.6), cool greys. Body 1 (16px) is the recommended reading size.
Geist Mono, uppercase eyebrows with wide tracking (.eyebrow / .secLabel). Code, statuses, numerals.
Five weights: Light for display, Regular for body, Medium for sub-headings, Semibold for headers, Bold for emphasis.
| Property | Value | Where |
|---|---|---|
| Leading | display 1.05 · heading 1.25 · body 1.6 | Tuned per role, not one ratio |
| Display | Inter Display · light 300 · opsz 32 | Headlines only, one per view |
| Header vs Sub Heading | semibold 600 vs medium 500 | Same size, different emphasis |
| Recommended body | Body 1 · 16px · regular | The default reading size |
| Text greys | cool #9AA0A8 / #767B87 | Never warm-tinted |