Typography Scale

Generate fluid clamp()-based type scales for responsive typography

Base size (px)

Scale ratio

Steps above

Steps below

Min viewport (px)

Max viewport (px)

LabelStepMin → Max (px)clamp()

h1+512.21 → 48.83clamp(12.21px, 48.8vw, 48.83px)

h2+49.77 → 39.06clamp(9.77px, 39.1vw, 39.06px)

h3+37.81 → 31.25clamp(7.81px, 31.3vw, 31.25px)

h4+26.25 → 25clamp(6.25px, 25vw, 25px)

h5+15 → 20clamp(5px, 20vw, 20px)

h6+04 → 16clamp(4px, 16vw, 16px)

body-13.2 → 12.8clamp(3.2px, 12.8vw, 12.8px)

small-22.56 → 10.24clamp(2.56px, 10.2vw, 10.24px)