Типографическая шкала
Генератор размеров шрифтов по математической прогрессии. Готовые CSS-переменные с пресетами ratio: Golden, Major Third, Perfect Fourth и др.
О сервисе
Генератор математической шкалы размеров шрифтов. Каждый следующий размер = предыдущий × ratio. Готовые пресеты ratio: Golden, Perfect Fourth, Major Third и др.
Что умеет
- 8 ratio-пресетов от Minor Second (1.067) до Golden (1.618)
- Базовый размер настраиваемый
- 9 ступеней: text-xs → text-5xl
- Превью реальных размеров шрифта
- Готовый CSS-блок с переменными :root
Как работает
Размеры считаются как base × ratio^n, где n — степень от -2 до +6. Все значения выводятся в rem с фолбэком в px в комментарии.
Пример
При base 16px и ratio 1.25: text-base=1rem, text-lg=1.25rem, text-xl=1.5625rem, text-3xl=2.44rem. Гармоничный набор.
Нужен подобный сервис для вашего сайта или сложный сценарий — пишите, разработаю под задачи.
Похожие инструменты
Генератор border-radius
Конструктор скруглений углов CSS. Все углы одинаково или каждый отдельно, превью прямоугольника.
Генератор clip-path
Готовые формы clip-path: треугольник, ромб, шестиугольник, звезда, стрелка и др. Превью + готовый CSS.
Генератор CSS box-shadow
Конструктор тени для блоков с превью карточки. Слайдеры X/Y/blur/spread, цвет, режим inset, несколько теней.
Генератор CSS-анимации
Готовые @keyframes анимации: fade, bounce, shake, pulse, spin, slideIn. Слайдеры длительности, повторов и timing-функции.
Генератор CSS-градиента
Визуальный конструктор linear- и radial-градиентов. Color stops, угол наклона, готовый CSS-код.
Конвертер px → rem / em / vw
Перевод значений CSS из пикселей в rem, em, vw, vh, % и обратно. Настраиваемый root font-size, ширина и высота вьюпорта.
Сделаю такой же сервис под вашу задачу
Внутренние инструменты для сотрудников, публичные сервисы для клиентов, конвертеры и генераторы. Напишите — обсудим.
