Typography Scale Calculator
Generate a modular type scale with pixel and rem values for your design system.
| Label | Level | Size (px) | Size (rem) | Preview |
|---|---|---|---|---|
| H1 | +5 | 48.83 | 3.0519 | Aa |
| H2 | +4 | 39.06 | 2.4413 | Aa |
| H3 | +3 | 31.25 | 1.9531 | Aa |
| H4 | +2 | 25 | 1.5625 | Aa |
| H5 | +1 | 20 | 1.25 | Aa |
| Body | 0 | 16 | 1 | Aa |
| Small | -1 | 12.8 | 0.8 | Aa |
| Caption | -2 | 10.24 | 0.64 | Aa |
Related Articles
What Is the Best Brand Asset Management Software for Modern Teams?
GeneralModern brand identity is more than just a logo; it’s a dynamic ecosystem of visual and verbal elements that must resonate consistently across an ever-…
17 min readIs There a Brand Asset Management Software Built for Designers?
GeneralFor designers, managing brand assets often feels like an uphill battle against scattered files, outdated versions, and inconsistent guidelines. The ve…
21 min readHow Does Brand Asset Management Software Organize Client Brands?
GeneralAgencies and creative teams routinely grapple with an ever-growing volume of client brand assets. From initial logo concepts to extensive brand guidel…
16 min readFrequently Asked Questions
Your brand deserves
one home.
Start sharing everything in one link. Free — no credit card required.