| Step | px | rem | em | Line-height | Preview |
|---|
How the math works
A modular scale multiplies the base by the ratio for each step up, and divides for each step down. Step 0 is the base, step 1 = base × ratio, step −1 = base ÷ ratio, etc.
Suggested line-height drops as size grows: 1.6 for body, 1.4 for headings, 1.1 for display sizes — calculated as `1.7 − 0.1 × stepAbove` clamped to [1.05, 1.7].