Typography¶
Three typefaces, each with a strictly defined job.
Space Grotesk — display, headings, labels¶
Brand voice. Geometric, slight personality. Used for wordmark, hero headlines, H1–H3, UI labels, stat captions.
| Role | Weight | Size / line | Tracking |
|---|---|---|---|
| Display | 700 | 56 / 60 | −1.5px |
| H1 | 700 | 32 / 36 | −0.5px |
| H2 | 600 | 22 / 26 | −0.2px |
| H3 | 600 | 16 / 21 | 0px |
| UI label | 600 | 11 | +1.8px, ALL CAPS |
Inter — body & descriptive UI¶
Workhorse. Calm next to Space Grotesk's assertiveness.
| Role | Weight | Size / line |
|---|---|---|
| Body | 400 | 14 / 22 |
| Body bold | 600 | 14 / 22 |
| Small | 400 | 12 / 18 |
IBM Plex Mono — data & code¶
Numbers, lap times, telemetry readouts, code, CSV. Never prose.
| Role | Weight | Size | Notes |
|---|---|---|---|
| Lap time | 500 | 28, tracking −0.5 | Paired with color-coded delta |
| Telemetry readout | 500 | 14–28 | In stat cards |
| Code / CSV | 400 | 12 / 20 | Amber for keys, green for literals |
Licensing¶
All three are Google Fonts under SIL OFL — free to self-host and redistribute. Download TTFs from fonts.google.com and embed directly (don't rely on Google's CDN in production surfaces).