Typescale — подбор типографической шкалы для сайта

Typescale — браузерный инструмент для построения типографической шкалы. Вы задаёте базовый размер текста и коэффициент масштабирования, выбираете шрифт и смотрите, как соотносятся размеры заголовков и основного текста.

На рабочем экране доступны параметры шрифта, начертания, межстрочного интервала и цвета. Рядом показаны ступени шкалы и пример страницы. Это помогает оценить типографику в контексте, а не только сравнить отдельные числовые значения.

Например, для учебного лендинга можно начать с базового размера 16 px и коэффициента 1,2, затем оценить заголовки на длинном русском тексте. Это отправная точка для сравнения, а не универсальное правило. Проверьте переносы, высоту строк и то, насколько ясно различаются уровни визуальной иерархии.

Базовый подбор и просмотр доступны без платного доступа. При проверке интерфейса сохранение досок, просмотр CSS, адаптивные настройки и отдельные параметры заголовков отмечены как Pro. Поэтому рассчитывать на бесплатный экспорт CSS или полную адаптивную настройку не стоит.

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