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
Unlock Agency Efficiency: Brand Delivery
GeneralIn today’s fast-paced creative landscape, the efficiency with which agencies deliver brand assets to clients can be a significant differentiator. Diso…
25 min readMaster Brand Delivery: Practical Guide
GeneralIn today’s fast-paced digital landscape, the final delivery of brand assets isn’t just a checkbox; it’s a critical moment that can significantly impac…
40 min readBrand Assets: Simplify Client Delivery
GeneralDelivering brand assets to clients is a critical final step in any design project. It’s the moment where a client receives the keys to their visual id…
27 min readFrequently Asked Questions
Your brand deserves
one home.
Start sharing everything in one link. Free — no credit card required.