Генератор типографической шкалы
Выберите базовый размер шрифта и коэффициент модульной шкалы (например, золотое сечение или большую терцию), и этот инструмент сгенерирует полный набор пропорциональных размеров текста — от мелких подписей до крупных заголовков, — чтобы размеры текста выглядели продуманно, а не выбранными наугад. Скопируйте результат в виде готового блока пользовательских CSS-свойств.
--step--2: 10.24px;
--step--1: 12.8px;
--step-0: 16px;
--step-1: 20px;
--step-2: 25px;
--step-3: 31.25px;
--step-4: 39.06px;
--step-5: 48.83px;Как это работает
Модульная шкала последовательно умножает базовый размер шрифта на фиксированный коэффициент в обе стороны — отрицательные шаги уменьшают размер в сторону подписей и мелкого текста, положительные увеличивают его в сторону заголовков и крупного дисплейного текста. В результате получается набор размеров с единым пропорциональным соотношением, что обычно смотрится более продуманно, чем размеры, подобранные наугад.
Как выбрать коэффициент
Меньшие коэффициенты, такие как малая или большая секунда, дают едва заметные, близко расположенные размеры — подходят для плотных интерфейсов; более крупные коэффициенты, такие как чистая кварта или золотое сечение, создают более выраженный контраст, что хорошо подходит для редакционных или маркетинговых страниц с несколькими крупными заголовками.
Больше инструментов в этой категории
Калькулятор экспозиции
Находите эквивалентные значения экспозиции для диафрагмы, выдержки и ISO.
Калькулятор соотношения сторон
Пропорционально масштабируйте изображение или видео и находите упрощённое соотношение.
Генератор CSS-градиентов
Создайте линейный или радиальный CSS-градиент и скопируйте готовый код.
Проверка контраста
Проверьте, соответствуют ли цвет текста и фона рекомендациям WCAG по контрасту.
Генератор цветовой палитры
Превратите любой базовый цвет в комплементарную, аналоговую и триадную палитры.
Конвертер цветовых форматов
Мгновенно конвертируйте любой цвет между HEX, RGB, HSL и CMYK — с копированием каждого формата одним кликом.