Text styles · with ControlsOpen in Storybook ↗
Text Styles
Typeface
Plus Jakarta Sans is the brand font, used across the product in different sizes and weights.
Headers
Used for titles and headings across the interface. Four weights (Regular, Medium, SemiBold, Bold) each available in four sizes:
| Size | Font size | Line height |
|---|---|---|
| L | 24px | 32px |
| XL | 32px | 40px (Regular) / 48px (Medium and up) |
| XXL | 40px | 48px |
| XXXL | 48px | 56px |
Weights map to: Regular 400, Medium 500, SemiBold 600, Bold 700.
Body
Used for long paragraphs, phrases, inputs, and buttons. Four weights (Regular, Medium, SemiBold, Bold) each available in five sizes:
| Size | Font size | Line height |
|---|---|---|
| XXXS | 10px | 20px |
| XXS | 12px | 16px |
| XS | 14px | 22px (24px for SemiBold/Bold) |
| S | 16px | 24px |
| M | 18px | 28px |
Weights map the same way as Headers: Regular 400, Medium 500, SemiBold 600, Bold 700.