Типографика
Здесь собраны шрифты, размеры, насыщенность и межстрочные интервалы. Каждый образец использует реальный токен системы.
Семейства
| Токен | Стек | Образец |
|---|---|---|
--font-sans | 'Inter', system-ui, sans-serif | Inter |
--font-mono | 'JetBrains Mono', ui-monospace, monospace | JetBrains Mono |
Кегль
| Токен | Значение | Образец |
|---|---|---|
--fs-xs | 12px | Шрифт Aa 0123 |
--fs-s | 14px | Шрифт Aa 0123 |
--fs-m | 16px | Шрифт Aa 0123 |
--fs-l | 18px | Шрифт Aa 0123 |
--fs-xl | 24px | Шрифт Aa 0123 |
--fs-2xl | 32px | Шрифт Aa 0123 |
--fs-3xl | 48px | Шрифт Aa 0123 |
Насыщенность
| Токен | Значение | Образец |
|---|---|---|
--fw-regular | 400 | Шрифт Aa 0123 |
--fw-medium | 500 | Шрифт Aa 0123 |
--fw-semibold | 600 | Шрифт Aa 0123 |
--fw-bold | 700 | Шрифт Aa 0123 |
Межстрочный интервал
--lh-solid · 1Этот абзац рассчитан примерно на 70 символов в строке. Межстрочный интервал меняет только токен, поэтому образцы удобно сравнивать.
--lh-tight · 1.2Этот абзац рассчитан примерно на 70 символов в строке. Межстрочный интервал меняет только токен, поэтому образцы удобно сравнивать.
--lh-normal · 1.5Этот абзац рассчитан примерно на 70 символов в строке. Межстрочный интервал меняет только токен, поэтому образцы удобно сравнивать.