Line Height Calculator
Generate a harmonious type scale with calculated line heights using classic musical ratios.
Base Font Size16px
Base Line Height1.50
Type Scale — Golden Ratio (1.618)
h1
Heading 1
fs: 11.089rem
lh: 1.25 (13.861rem)
h2
Heading 2
fs: 6.854rem
lh: 1.30 (8.910rem)
h3
Heading 3
fs: 4.236rem
lh: 1.35 (5.718rem)
h4
Heading 4
fs: 2.618rem
lh: 1.40 (3.665rem)
h5
Heading 5
fs: 1.618rem
lh: 1.45 (2.346rem)
h6
Body text
fs: 1.000rem
lh: 1.50 (1.500rem)
Live Preview
H1: Golden Ratio
H2: Golden Ratio
H3: Golden Ratio
H4: Golden Ratio
H5: Golden Ratio
The quick brown fox
Body: The quick brown fox jumps over the lazy dog. This is how body text will look with your chosen settings applied at the base size of 16px.