Typography
We use Ubuntu for display and body, and Ubuntu Mono for code.
Both are our brand typefaces. See src/typography/FONT_CHOICES.md for rationale.
Typefaces
Ubuntu
Display & body — headings, UI, documentation
Alkemical Development
300 The quick brown fox jumps over the lazy dog
400 The quick brown fox jumps over the lazy dog
500 The quick brown fox jumps over the lazy dog
700 The quick brown fox jumps over the lazy dog
Ubuntu Mono
Monospace — code samples, terminal output
Alkemical Development
400 The quick brown fox jumps over the lazy dog
700 The quick brown fox jumps over the lazy dog
Type Scale
Based on a modular scale, defined as tokens. All sizes are in rem.
7xl Aa 4.5rem / 72px 6xl Aa 3.75rem / 60px 5xl Aa 3rem / 48px 4xl Aa 2.25rem / 36px 3xl Aa 1.875rem / 30px 2xl Aa 1.5rem / 24px xl Aa 1.25rem / 20px lg Aa 1.125rem / 18px base Aa 1rem / 16px sm Aa 0.875rem / 14px xs Aa 0.75rem / 12px Pairing
| Context | Font | Weight | Size |
|---|---|---|---|
| Hero / display | Martian Grotesk | Bold–Black | 3xl–7xl |
| Section heading | Martian Grotesk | Semibold | 2xl–4xl |
| Subheading | Inter | Semibold | lg–xl |
| Body text | Inter | Regular | base |
| Small / caption | Inter | Regular | sm–xs |
| Code | JetBrains Mono | Regular | sm–base |