Type scale
Heading sizes derived from body text
Parameters
A systematic scale instead of eyeballing: base (16px web) × ratio → h6…h1. Mobile — minor third 1.2, desktop — perfect fourth 1.333. Use rem, not px. Line-height: headings 1.1–1.3, body 1.5–1.7, larger headings less. Keep it small — real projects need 6–8 steps.
Scale
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