Font
Font family
Section titled “Font family”| Token | Value | Preview |
|---|---|---|
font-family.primary | UniversalSansDisplay, Helvetica Neue, Arial, sans-serif | The quick brown fox jumps over the lazy dog. |
font-family.secondary | Unica77, Arial, sans-serif | The quick brown fox jumps over the lazy dog. |
font-family.tertiary | ui-monospace, Cascadia Mono, Segoe UI Mono, consolas, Liberation Mono, monospace | The quick brown fox jumps over the lazy dog. |
Font weight
Section titled “Font weight”| Token | Value | Preview |
|---|---|---|
font-weight.100 | 100 | Aa |
font-weight.200 | 200 | Aa |
font-weight.300 | 300 | Aa |
font-weight.350 | 350 | Aa |
font-weight.400 | 400 | Aa |
font-weight.500 | 500 | Aa |
font-weight.600 | 600 | Aa |
font-weight.700 | 700 | Aa |
font-weight.800 | 800 | Aa |
font-weight.900 | 900 | Aa |
Font size
Section titled “Font size”| Token | Value | Preview |
|---|---|---|
font-size.50 | 0.75rem (12px) | Aa |
font-size.100 | 0.875rem (14px) | Aa |
font-size.200 | 1rem (16px) | Aa |
font-size.300 | 1.125rem (18px) | Aa |
font-size.400 | 1.25rem (20px) | Aa |
font-size.500 | 1.5rem (24px) | Aa |
font-size.600 | 1.875rem (30px) | Aa |
font-size.700 | 2.125rem (34px) | Aa |
font-size.800 | 2.5rem (40px) | Aa |
font-size.900 | 3.125rem (50px) | Aa |
font-size.1000 | 3.75rem (60px) | Aa |