Три семейства шрифтов
Sans — основной шрифт
Используется в тексте форм, кнопках, подписях, основном контенте. По умолчанию: Geist.
Варианты:
Geist, system-ui, sans-serif— нейтральный, современныйInter, system-ui, sans-serif— хорошая читаемость для интерфейсовIBM Plex Sans, system-ui, sans-serif— строгий, корпоративныйDM Sans, system-ui, sans-serif— мягкий, геометрический
Display — шрифт заголовков
Для крупных заголовков в лендингах и промо. По умолчанию совпадает с Sans.
Варианты:
Instrument Serif, serif— элегантный контраст к sans-телуFraunces, serif— тёплый, с характеромPlayfair Display, serif— классический, премиальный- Или тот же sans-шрифт для единообразия
Mono — моноширинный шрифт
Для кодов промокодов, ID билетов, сумм в таблицах, временных меток. По умолчанию: Geist Mono.
Параметры текста
| Параметр | Что делает | Значение по умолчанию |
|---|---|---|
| Вес (weight) | Толщина основного текста | 500 (medium) |
| Высота строки (line-height) | Межстрочный интервал | 1.5 |
| Трекинг (letter-spacing) | Расстояние между буквами в заголовках | -0.025em |
Предпросмотр
Под настройками типографики отображается живой предпросмотр — блок с примером текста, который обновляется при каждом изменении. Здесь можно оценить, как сочетаются Sans, Display и Mono в одном контексте.