Typography¶
- Family: Inter, with system-font fallbacks. Inter is tuned for legibility at small sizes — important for dense rosters.
- Base size: 14px (
fontSize: 14in MUI). Body 1 is 15px, body 2 is 13px. - Headings: weight 600 across the scale; H1/H2 carry slight negative letter-spacing for tighter display copy.
- H6 is an eyebrow — uppercase, 14px, used as a section label, not a heading.
- Buttons: sentence case (no
text-transform: uppercase), weight 600.
Scale¶
| Variant | Size | Weight | Notes |
|---|---|---|---|
h1 |
36px | 600 | Display; letter-spacing: -0.01em |
h2 |
28px | 600 | Page titles |
h3 |
22px | 600 | Section titles |
h4 |
18px | 600 | Sub-sections |
h5 |
16px | 600 | Card titles, table titles |
h6 |
14px | 600 | Uppercase eyebrow |
body1 |
15px | 400 | Default paragraph copy |
body2 |
13px | 400 | Captions, helper text, metadata |