Типографічна шкала

Розміри заголовків від базового тексту

Параметри

Системна шкала замість «на око»: база (16px для вебу) × ratio → h6…h1. Мобільний — minor third 1.2, десктоп — perfect fourth 1.333. Використовуйте rem, не px. Line-height: заголовки 1.1–1.3, текст 1.5–1.7, великі заголовки менше. Обмежте шкалу — реальним проєктам вистачає 6–8 кроків.

Шкала

displayAg76.3px 4.77rem
h1Ag61px 3.81rem
h2Ag48.8px 3.05rem
h3Ag39.1px 2.44rem
h4Ag31.3px 1.96rem
h5Ag25px 1.56rem
h6Ag20px 1.25rem
pAg16px 1.00rem