Last Updated: 1/28/2026
Typography
Our type system.
Font Stack
--font-sans: 'Inter', -apple-system, sans-serif;
--font-mono: 'JetBrains Mono', monospace;Type Scale
| Name | Size | Weight | Line Height |
|---|---|---|---|
| Display | 48px | 700 | 1.1 |
| H1 | 32px | 600 | 1.2 |
| H2 | 24px | 600 | 1.3 |
| H3 | 20px | 600 | 1.4 |
| Body | 16px | 400 | 1.5 |
| Small | 14px | 400 | 1.5 |
| Caption | 12px | 400 | 1.4 |
Usage
<h1 className="text-display">Display</h1>
<h2 className="text-h1">Heading 1</h2>
<p className="text-body">Body text</p>
<span className="text-caption">Caption</span>Weights
| Weight | Value | Usage |
|---|---|---|
| Regular | 400 | Body text |
| Medium | 500 | Emphasis |
| Semibold | 600 | Headings |
| Bold | 700 | Display |