Типографика
Шрифтовой стек
Три уровня по доступности. Стек: "Gotham", "Montserrat", system-ui, sans-serif. Для форм: "Roboto", system-ui, sans-serif
| Уровень | Шрифт | Лицензия | Где используется |
|---|---|---|---|
| 1 — Основной | Gotham (H&Co) | Коммерческая | Сайт ceramic-pro.com, приложения, печать |
| 2 — Допустимая замена | Montserrat | Свободная (OFL) | Партнёры, мобильные приложения |
| 3 — Системный | Системный шрифт ОС | Встроен в ОС | Электронная почта, PDF, транзакционный интерфейс |
Почему Montserrat как замена?
Сильнейший бесплатный геометрический sans-serif, визуально близкий к Gotham. При крупных размерах (заголовки, дисплей) разница практически незаметна.
Почему Roboto для форм?
Поля ввода содержат текст разной длины (имена, адреса, номера). Roboto оптимизирован для мелких размеров и удобочитаемости, в отличие от Gotham/Montserrat — дисплейных шрифтов.
Живая шкала
Почему «чистая кварта» (1.333)
Золотое сечение (1.618) даёт слишком резкий контраст между уровнями — заголовок 1 получается огромным, основной текст — маленьким. «Чистая кварта» (1.333) — более плавная шкала, лучше подходит для интерфейсов, где нужна иерархия без чрезмерного драматизма.
IBM Carbon, Material Design 3, Shopify Polaris — все используют коэффициенты в диапазоне 1.2–1.4. Золотое сечение чаще применяется в журнальной/люксовой полиграфии.
Межбуквенный интервал
| Контекст | Правило |
|---|---|
| Основной текст, заголовки (обычный регистр) | Без дополнительного трекинга — Gotham предкалиброван |
| Дисплей / Заголовок 1 от 32 пикселей | Отрицательный: от −1 до −3 пикселей (плотнее при крупных размерах) |
| Прописные кнопки и метки до 14 пикселей | Положительный: 0.08em — 0.15em |
Начертания
| Название | Вес | Роль |
|---|---|---|
| AaЧёрный | 900 | Дисплейные / героические заголовки |
| AaПолужирный | 700 | Заголовок 1, Заголовок 2, кнопки действия |
| AaСредний | 500 | Заголовок 3, навигация, заголовки карточек |
| AaОбычный | 400 | Основной текст |
| AaЛёгкий | 300 | Параграфы, вторичный текст |
Запрещены дробные веса (325, 450 и подобные) — Gotham и Montserrat загружены только на перечисленных весах. Дробный вес вызывает синтез шрифта операционной системой.