Theme
Typography
Typography system with font families, weights, sizes, and line heights for clear, readable interfaces.
Purpose
Typography is the primary visual component of the system. The typographic scale prioritizes clarity, rhythm, and continuous reading over impact and personality.
Tokens
Base
| Token | Light | Description |
|---|---|---|
--luma-text-base | 1rem | Base text size (16px) |
Family
| Token | Light | Description |
|---|---|---|
--luma-font-family-base | 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif | Base font family |
Height
| Token | Light | Description |
|---|---|---|
--luma-line-height-none | 1 | No line height |
--luma-line-height-snug | 1.375 | Snug line height |
--luma-line-height-relaxed | 1.625 | Relaxed line height |
Lg
| Token | Light | Description |
|---|---|---|
--luma-text-lg | 1.875rem | Large text size (30px) |
Sm
| Token | Light | Description |
|---|---|---|
--luma-text-sm | 0.75rem | Small text size (12px) |
Weight
| Token | Light | Description |
|---|---|---|
--luma-font-weight-regular | 400 | Regular font weight |
--luma-font-weight-medium | 500 | Medium font weight |
--luma-font-weight-semibold | 600 | Semibold font weight |