Type Scale
The web scale is built on a 16 px base. Sizes and line heights are locked to the 8 px grid to keep vertical rhythm predictable.
Web Scale
| Level | Typeface | Size | Weight | Line height | Letter spacing |
|---|---|---|---|---|---|
| H1 | Exo 2 | 81 px | 700 | 96 px | -0.02 em |
| H2 | Exo 2 | 54 px | 700 | 64 px | -0.01 em |
| H3 | Exo 2 | 36 px | 600 | 48 px | -0.01 em |
| H4 | Exo 2 | 24 px | 600 | 32 px | 0 |
| Body | Inter | 16 px | 400 | 24 px | 0 |
| Small | Inter | 12 px | 400 | 16 px | 0 |
In Context
H1 — Page Title
H2 — Section Title
H3 — Subsection title
H4 — Card or label title
Body text uses Inter at 16 px with a 24 px line height. It stays readable across long-form content and dense dashboards.