Set a base pixel size, ratio and number of steps.
Set a base pixel size, ratio and number of steps.
Design / Modular typography scale
Give every heading its place.
Build a modular type scale from a base size and ratio. Compare text specimens and export CSS variables in pixels and rems.
Make a little space ↓YOUR OWN LITTLE WORKSPACE
Modular typography scale
Ready when you areLOCAL WORKSPACE
Room for your next small idea.
Make it yours on the left.
Your workspace will appear here.
Temporary by design. Download anything you want to keep.
◌ Works on your device◇ No login or subscription↧ Keep what you make
A LITTLE DIRECTION
From a small idea to something useful.
Compare headings with your own short preview phrase.
Compare headings with your own short preview phrase.
Copy or download CSS variables; rem assumes a 16 px root.
Copy or download CSS variables; rem assumes a 16 px root.
GOOD TO KNOW
A few useful answers.
What does this version support?
Mathematical scale only, using system fonts. It does not guarantee readable typography, responsive sizing or WCAG conformance.
Does my input leave this page?
Working input stays in this browser tab. Optional Google Analytics loads only after your consent on official Lavmio domains and receives action counts, not your input. Opening Feedback loads a separate Tally form. See Privacy for details.
Is the example real user data?
No. The example was written for this website. Names, projects and book titles in examples are fictional. Load it only if you want to explore; nothing is prefilled as your work.
Will my workspace be saved?
No. Reloading or closing the tab clears it. Download your result first. Print uses your browser dialog; Save as PDF may be available there, depending on your browser.
Who makes this?
Typeladder is an independent Lavmio project. Use Feedback to describe a bug or request a feature. No affiliation with products linked as references is implied.
Background reference: typescale.com ↗. Our interface, sample text and code are independently made.