Разработка и интерфейсы

Типографическая шкала

Илья Тарасов — Типографическая шкала
МатериалТипографическая шкалаtarasovcode

Согласованный набор размеров текста, обычно привязанный к уровням заголовка и основного текста. Шкала помогает визуально показать иерархию и избежать случайных размеров. Ее можно выразить CSS-переменными или гибкими значениями с учетом ширины экрана.

Пример на практике

Заголовок статьи крупнее подзаголовка, а подпись меньше основного текста.

Когда пригодится

Определяйте размеры вместе с межстрочным интервалом и шириной строки.

Что важно учитывать

Фиксированная шкала может плохо работать с длинными переводами и увеличением текста.

Словарь tarasovcode — проект Ильи Тарасова и TarasovWeb. Telegram-канал · #tarasovweb · #ИльяТарасов

Вернуться к 400 терминам