Модульная шкала типографики и отступов

Модульная шкала кеглей и отступов - сразу в CSS-переменных.

Соберите шкалу кеглей и отступов: базовый размер, коэффициент, ступени. Экспорт CSS-переменных для дизайна и вёрстки.

Как помогает

Соберите согласованную типографическую шкалу и токены отступов: базовый размер, коэффициент, ступени. Видно иерархию заголовков и отступов до того, как писать стили.

Экспортируйте CSS-переменные в проект - чтобы дизайн и разработка говорили на одном языке.

UI-дизайнерам и тем, кто закладывает токены дизайна на старте проекта.

Возможности

✓Модульная шкала кеглей
✓Шкала отступов
✓Превью иерархии
✓Экспорт CSS-переменных
✓Настройка базового размера и коэффициента

Вопросы и ответы

Что делает «Шкала типографики и отступов»?+

Модульная шкала типографики и отступов с экспортом CSS-переменных. Соберите согласованную типографическую шкалу и токены отступов: базовый размер, коэффициент, ступени. Видно иерархию заголовков и отступов до того, как писать стили.

Для кого этот инструмент?+

UI-дизайнерам и тем, кто закладывает токены дизайна на старте проекта.

Нужна ли подписка Про?+

«Шкала типографики и отступов» бесплатный: без аккаунта и без карты. Про нужен только для градиентов, анимаций, аудита и генератора макетов.

Как открыть инструмент?+

Нажмите «Открыть инструмент» на этой странице. Всё работает в браузере, ничего устанавливать не нужно.