The default fonts we use are Inter for regular text and
JetBrains Mono for monospace text.
CSS variables
Font sizes are defined in a 9-step scale from smallest to largest.
| --font-size-1 | 12px |
| --font-size-2 | 14px |
| --font-size-3 | 16px |
| --font-size-4 | 18px |
| --font-size-5 | 20px |
| --font-size-6 | 24px |
| --font-size-7 | 28px |
| --font-size-8 | 36px |
| --font-size-9 | 60px |
Font weights are defined as light, regular, medium and bold.
| --font-weight-light | 300 |
| --font-weight-regular | 400 |
| --font-weight-medium | 500 |
| --font-weight-bold | 700 |
Component props
| size | Responsive<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9"> |
| weight | Responsive<"light" | "normal" | "medium" | "bold"> |