Aisha K.
Mar 12, 2026
Clean layout and the results update instantly. Exactly what I needed for a quick planning check.
Unit Converters
Typography Scale Generator
step n = base × ratioⁿ.
Modular scale: size × ratio^n. Major third (1.250) is polite for UI. Perfect fifth (1.500) jumps like a poster. Pick a ratio and stop inventing 17 px body text because Figma snapped.
Modular scale
Steps
16 · 20 · 25 · 31.3 · 39.1 · 48.8 · 61
Convert to rem after you like the rhythm.
- n=0
- 16 px
- n=1
- 20 px
- n=2
- 25 px
- n=3
- 31.25 px
- n=4
- 39.06 px
- n=5
- 48.83 px
- n=6
- 61.04 px
Plain-English guide
Terms & how it works
Confused by a field? Read the short definitions here while you use the tool.
Base size (px)
The “Base size (px)” value used in this tool’s formula. Adjust it to see results update live.
How this calculator works
Modular scale: size × ratio^n. Major third (1.250) is polite for UI. Perfect fifth (1.500) jumps like a poster. Pick a ratio and stop inventing 17 px body text because Figma snapped. step n = base × ratioⁿ. Example: 16 px × 1.25 → 20, 25, 31.25… A major second (1.125) is subtler.
step n = base × ratioⁿ.
Example: 16 px × 1.25 → 20, 25, 31.25… A major second (1.125) is subtler.
When to use this Typography Scale
Common use cases
- Modular scale: size × ratio^n. Major third (1.250) is polite for UI. Perfect fifth (1.500) jumps like a poster. Pick a ratio and stop inventing 17 px body text because Figma snapped.
- Sanity-check with this case: 16 px × 1.25 → 20, 25, 31.25… A major second (1.125) is subtler.
- The relationship is: step n = base × ratioⁿ.
Localized examples
- Unit Converters: the example on this page uses the same formula as the widget.
What you get
- Fields: Base size (px)
- step n = base × ratioⁿ.
- Example on the page: 16 px × 1.25 → 20, 25, 31.25… A major second (1.125) is subtler.
How to Convert Typography Scale Step-by-Step
- 1Enter Base size (px). Use the values you have, not a catalog average, unless that is all you know.
- 2step n = base × ratioⁿ.
- 3Worked case: 16 px × 1.25 → 20, 25, 31.25… A major second (1.125) is subtler.
- 4Check which dictionary the other person is using — US or UK, decimal or 1,024 — then trust the number.
Governing formula
step n = base × ratioⁿ.
16 px × 1.25 → 20, 25, 31.25… A major second (1.125) is subtler.
Example: set Base size (px) = 16, then read the result.
Variable definitions
- value
Base size (px)
The “Base size (px)” field. Default 16; typical range 10–24.
- The conversion (step n = base × ratioⁿ.) does not pick US vs UK gallons, SI vs binary megabytes, or Mach at altitude for you. Read the footnote on the page.
- Nothing here is uploaded for the calculation itself.
Frequently Asked Questions
1.2–1.333 for products. 1.5+ for display type.
Related calculators
Unit Converters
- Beaufort to KnotsForce 5 is a fresh breeze, about 19 knots / 22 mph. Force 8 is a gale. Force 12 is hurricane language. The original scale was sea state, not an anemometer. We use common midpoint knots.
- Brown Sugar Cups to GramsPacked light or dark brown sugar is about 220 g per US cup. “Packed” means you pressed it. A loose scoop can miss 30 g and flatten cookies. Light and dark weigh nearly the same; molasses is the flavor, not the scale.
- Bushels to LitersA US bushel is 35.239 L of volume. Grain “bushels” on a scale ticket are often a weight standard (56 lb of corn, etc.), not a filled basket. This page is the struck volume bushel. Ask which one the elevator meant.
- Carats to MilligramsThe metric carat is exactly 200 mg (0.2 g) since 1907. A 1 ct diamond is 200 mg. Jewelers still cut “points” (0.01 ct = 2 mg). This is not a gold-karat purity scale.
- Download Time from File SizeSeconds = file MB × 8 / Mbps. A 25 MB installer on 50 Mbps is 4 seconds in a vacuum. The other GB-scale page is for discs; this one is the “how long will this PDF take on hotel Wi-Fi” version.
- Fahrenheit to Gas MarkAn American 350 °F cake is UK Gas Mark 4. The mark scale jumps about 25 °F per number. Round to the nearest mark your knobs actually have. Pizza steel at 500 °F is past Mark 9 — just use the number.
Get a note when we add a planner
Occasional email when something new is worth opening. We never share your address. Unsubscribe anytime.
Discover & search
Explore More Tools
Related tools in Unit Converters — strengthening topical internal links.
Same category · 3 tools
Browse all →Meters to Kilometers
Unit Converters
A 5K is 5,000 meters, not 5 kilometers on the nose if your watch is sloppy. Divide meters by 1,000. Track races, building plans, and “how far was that hike” all live in this split.
Feet to Meters
Unit Converters
US height, ceiling height, and lumber still arrive in feet. Meter plans do not. One foot is exactly 0.3048 m — not “about a third.” Use this when a listing says 10 ft ceilings and the architect works in meters.
Inches to Centimeters
Unit Converters
Monitor diagonals, waist measurements, and photo prints still come in inches. Clothing charts in Europe come in cm. Multiply inches by 2.54. That factor is exact, not a kitchen guess.
Community
Reviews & Ratings
See what others think about this tool, then leave your own rating to help improve CalculioHub.
4.8
out of 5.0
4 reviews
Daniel R.
Feb 28, 2026
Very usable on mobile. Would love a save/export option later, but the math feels solid.
Priya S.
Feb 3, 2026
The FAQ section answered my questions before I even had to search. Smooth dark mode too.
Marcus L.
Jan 19, 2026
Simple inputs, clear outputs. This replaced three bookmarks I used to juggle.
Improve this tool
Suggestion Box
Share an idea, report a bug, or send general feedback for Typography Scale. Your input helps shape what we build next.