Loading page, please wait.
design tool
Generate a typography scale from a base font size.
Free
No signup
use in your browser
Locale
India-tuned
defaults built for India
Runtime
Instant
client-side by default
Privacy
Nothing stored
no analytics, no cookies
Enter a base font size and a ratio.
Review the scale.
Bookmark this tool - re-run after every edit so the result reflects the latest copy.
The output is a typography scale (display, h1, h2, h3, h4, body, small) using your base size and ratio.
Tailwind config snippet
fontSize: {
"display": "3.063rem",
"h1": "2.438rem",
"h2": "1.938rem",
"h3": "1.563rem",
"h4": "1.250rem",
"body": "1.000rem",
"small": "0.813rem"
}1.2 (minor third) for compact UIs. 1.25 (major third) for general purpose. 1.333 (perfect fourth) for editorial.
Step through every free tool the WebGrow24 team ships.
WebGrow24 services
Fixed quote in 48 hours. Senior team. Outcome-led.