Typography is the type system for the design language. Open Sans is the standard typeface; root font size is
15px and all scale steps use rem for consistent sizing.
| Property | Value |
|---|---|
| Family | 'Open Sans', system-ui, sans-serif |
| Regular weight | 400 |
| Bold weight | 700 |
| Specimen | Style | rem | px @ 15px root |
|---|---|---|---|
| Heading 1 | Heading 1 | 2.25rem | 33.75px |
| Heading 2 | Heading 2 | 1.875rem | 28.125px |
| Heading 3 | Heading 3 | 1.5rem | 22.5px |
| Heading 4 | Heading 4 | 1.25rem | 18.75px |
| Body — default text for UI and content | Body | 1rem | 15px |
| Small — secondary text | Small | 0.875rem | 13.125px |
| Extra small — compact UI | Extra small | 0.8125rem | 12.19px |
| Fine print — captions | Fine print | 0.75rem | 11.25px |
| Smallest — minimal use | Smallest | 0.6875rem | 10.31px |
Tight (1.25) — Use for headings and compact UI labels where vertical space is limited.
Base (1.5) — Default for body copy and most interface text. Provides comfortable readability in panels and forms.