Set the base and ratio
The base font size is multiplied by the chosen ratio raised to increasing powers to generate each scale step, the standard modular-scale method.
Free MVP design tool
Generate a responsive typography scale based on your product type, target devices and readability requirements.
Your entries remain in this browser session and are not sent to MVPHub.
Your inputs
A few inputs are enough. Type Scale AI computes a real modular scale and adjusts it for your device mix and readability needs.
Your calculated result
Planning score
The base font size is multiplied by the chosen ratio raised to increasing powers to generate each scale step, the standard modular-scale method.
A mobile-heavy mix nudges the base size and line-height up; a high-readability priority increases minimum body size and step count.
The result rates how well the generated scale covers heading hierarchy, body text and UI label needs.
A scale where each size is the previous size multiplied by a fixed ratio, producing proportional, harmonious steps instead of arbitrarily chosen sizes.
Smaller ratios (1.125–1.2) suit dense product UI with many text sizes on screen at once; larger ratios (1.25–1.333) suit marketing pages with fewer, bolder headings.
Mobile screens need a larger practical minimum body size and looser line-height for readability at typical viewing distance, so the tool adjusts the base accordingly.
The generated minimum sizes respect common accessibility guidance, but always verify actual contrast and zoom behaviour in your implementation.
| Capability | MVPHub | Figma | type-scale calculators |
|---|---|---|---|
| Device and readability-adjusted scale | ✓ | × | — |
| Coverage scoring against product needs | ✓ | × | × |
| No account or file required | ✓ | × | ✓ |
Standalone type-scale calculators compute the same ratio math but without adjusting for device mix or scoring coverage against your specific product needs the way Type Scale AI does.