Калькулятор модульной типографической шкалы
Постройте модульную шкалу типографики по базовому размеру, соотношению и числу шагов — основа токенов типографики любой дизайн-системы.
Как использовать калькулятор модульной типографической шкалы
- Введите базовый размер шрифта в px.
- Выберите модульное соотношение.
- Задайте максимальный шаг.
- Нажмите «Рассчитать», чтобы получить список размеров через запятую.
Примеры использования
- •Создание токенов типографики.
- •Гайдлайны бренда.
- •Перенос текстовых стилей из Figma в код.
Формула
размер(шаг) = база × отношение^шаг. Нулевой шаг равен базовому размеру; шаги выше растут экспоненциально.
Часто задаваемые вопросы
Какое соотношение выбрать?
Тесные соотношения (1,125; 1,200) дают мягкую иерархию для плотного UI. Широкие (1,414; 1,500) — драматический контраст для редакционных сайтов. 1,250 — безопасный вариант для веба.
Нужно ли округлять до целых пикселей?
Шкалы в rem могут оставаться дробными; px-токены обычно округляют до 0,5 px или целых пикселей ради чёткости рендера.
Это то же, что шкала Tailwind?
Нет — Tailwind использует подобранные вручную шаги, а не чистую модульную шкалу. Этот калькулятор пригодится, когда нужна своя шкала под бренд.