System / Foundations / Typography
03
Typography
Font size, weight, and letter-spacing tokens.
Font Size
| Token | Value | Pixels | Line Height |
|---|---|---|---|
| text-xs | 0.75rem | 12px | 1rem |
| text-sm | 0.875rem | 14px | 1.25rem |
| text-base | 1rem | 16px | 1.5rem |
| text-lg | 1.125rem | 18px | 1.75rem |
| text-xl | 1.25rem | 20px | 1.75rem |
| text-2xl | 1.5rem | 24px | 2rem |
| text-3xl | 1.875rem | 30px | 2.25rem |
| text-4xl | 2.25rem | 36px | 2.5rem |
| text-5xl | 3rem | 48px | 1 |
Font Weight
| Token | Value | Name |
|---|---|---|
| font-light | 300 | Light |
| font-normal | 400 | Normal |
| font-medium | 500 | Medium |
| font-semibold | 600 | Semibold |
| font-bold | 700 | Bold |
Letter Spacing
| Token | Value |
|---|---|
| tracking-tighter | -0.05em |
| tracking-tight | -0.025em |
| tracking-normal | 0em |
| tracking-wide | 0.025em |
| tracking-wider | 0.05em |