Калькулятор модульной шкалы

Ряд размеров, где каждый следующий получается умножением предыдущего на постоянный коэффициент. Идея пришла из музыки: интервалы между нотами тоже задаются отношениями частот, и названия коэффициентов те же — терция, кварта, квинта. Глаз воспринимает такую последовательность как упорядоченную, даже не зная про пропорцию.

Чем он больше, тем контрастнее шкала. Для интерфейсов с плотной информацией берут малую терцию 1,2 или большую 1,25: ступени близкие, всё помещается. Для лендингов и статей — кварту 1,333 или квинту 1,5, где заголовок явно доминирует. Золотое сечение 1,618 даёт очень крупные заголовки, на сложных интерфейсах с ним тесно.

Обычно шесть-семь: две-три вниз от базы для подписей и мелочи и три-четыре вверх для заголовков. Больше ступеней — больше соблазн использовать их все, а разница между соседними становится незаметной, и система перестаёт читаться как система.

Потому что это результат умножения, а не выбор из готового списка. Округлять до целых пикселей не обязательно и даже вредно: браузер умеет отрисовывать дробные размеры, а округление накапливает ошибку по мере роста шкалы. Записывайте в rem с двумя-тремя знаками.

Построить две шкалы — для узкого и широкого экрана — и свести соответствующие ступени через clamp. Обычно на телефоне берут меньший коэффициент, чем на десктопе: там, где на широком экране заголовок в три раза больше текста, на узком он просто не поместится в строку.

Не обязательна, и часто вредна. Для отступов удобнее шкала с шагом кратно четырём или восьми: она проще в уме и лучше ложится на сетку. Пропорциональная шкала нужна там, где важна визуальная иерархия, то есть в шрифтах.

Нет, всё считается в браузере.