Typography
| Text Size | Value | Token |
|---|---|---|
| 100 | 0.875rem |
--font-size-100 |
| 200 | 1rem |
--font-size-200 |
| 300 | 1.125rem |
--font-size-300 |
| 400 | 1.25rem |
--font-size-400 |
| 500 | 1.5rem |
--font-size-500 |
| 600 | 2rem |
--font-size-600 |
| Font Weight | Value | Token |
|---|---|---|
| light | 300 |
--font-weight-light |
| normal | 400 |
--font-weight-normal |
| medium | 500 |
--font-weight-medium |
| semibold | 600 |
--font-weight-semibold |
| bold | 700 |
--font-weight-bold |
| Font Family | Value | Token |
|---|---|---|
| serif | 'Noe Text', 'PT Serif', serif |
--font-family-serif |
| sans | 'Roboto', sans-serif |
--font-family-sans |
| inter | 'Inter', 'Helvetica Neue', sans-serif |
--font-family-inter |
| Line Height | Value | Token | Usage |
|---|---|---|---|
| 100 | 1.4 |
--font-line-height-100 |
Line height for small text |
| 200 | 1.5 |
--font-line-height-200 |
Line height for body text |
| 300 | 1.3 |
--font-line-height-300 |
Line height for heading 3 text |
| 400 | 1.4 |
--font-line-height-400 |
Line height for heading 2 text |
| 500 | 1.3 |
--font-line-height-500 |
Line height for heading 1 text |
| 600 | 1.5 |
--font-line-height-600 |
Line height for display text |