A type scale calculator generates a mathematically harmonious set of font sizes by multiplying a base size by a consistent ratio. Modular type scales ensure visual consistency across all heading levels and body text — the foundation of every well-designed UI.

Scale Settings

px
6

Visual Scale

Scale Values

Step px rem Use

CSS Custom Properties


      
Copied to clipboard!