The research on line-height brought me to rethink the whole typography scale. I started with keeping the root font-size at 16px. From there, I used a 5:6 factor and I generated the type scale.
Small Type ~11px, leading 15px (1.4)
Caption Type ~13px, leading 19px (1.4)
Body Type 16px, leading 22px (1.4)
Subheading Type ~19px, leading 27px (1.4)
Title Type ~23px, leading 32px (1.4)
Headline Type ~33px, leading 46px (1.35)
Display Type ~39px, leading 56px (1.3)
Mega Type ~47px, leading 67px (1.2)
The research on line-height brought me to rethink the whole typography scale. I started with keeping the root font-size at 16px. From there, I used a 5:6 factor and I generated the type scale.
Small Type ~11px, leading 15px (1.4) Caption Type ~13px, leading 19px (1.4) Body Type 16px, leading 22px (1.4) Subheading Type ~19px, leading 27px (1.4) Title Type ~23px, leading 32px (1.4) Headline Type ~33px, leading 46px (1.35) Display Type ~39px, leading 56px (1.3) Mega Type ~47px, leading 67px (1.2)
Here the example.