Типографическая шкала
Каждый следующий размер = предыдущий × ratio. Получишь H1-H6 и body одним набором CSS-переменных.
CSS-переменные
скопировано
О сервисе
Генератор математической шкалы размеров шрифтов. Каждый следующий размер = предыдущий × 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. Гармоничный набор.
Нужен подобный сервис для вашего сайта или сложный сценарий — пишите, разработаю под задачи.
