Loading page, please wait.
design tool
Generate a typography scale from a base font size.
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.