Build a size ramp from a ratio

Build a size ramp from a ratio. Built for writers, designers and developers preparing content or an asset before publication.

Build a size ramp from a ratio. The answer appears right away in your browser and is ready to use, with no account, upload or stored data.

How to use

1. Enter the base size in pixels, the progression ratio and the number of levels you want in the provided fields.
2. Run the generation to obtain a set of sizes calculated from those settings.
3. Review the generated steps and identify which ones fit headings, subheadings and body text.
4. Adjust the ratio or the number of levels if the progression feels too tight or too wide, then generate again.

Example

A designer is preparing a typographic system and wants to test a base of 16 pixels with a ratio of 1.25 over five levels. They run the generation and examine the size progression to check that the hierarchy remains readable.

Input

16
1.25
5

Limits and formats

• The tool calculates a scale from the values you enter; it does not choose fonts or styles to apply.
• The result depends heavily on the ratio and number of levels, which must suit the project.
• Displayed sizes may be rounded on screen, so check final values in your stylesheet or design file.
• A regular scale does not by itself guarantee good readability on every screen and with every type of content.

Where processing happens

The calculation runs in your browser. The base size, ratio and number of levels stay on your device and are not sent anywhere. You can test several assumptions without transmitting them outside your machine.

Frequently asked questions

Which ratio should I choose for a type scale?

It depends on the effect you want. A moderate ratio gives a gentle hierarchy, while a higher ratio creates more visible gaps. Test several values and check the result with your content.

Can I use a base size other than 16 pixels?

Yes, enter the base size that matches your project. The scale will be recalculated from that value and the ratio you choose.

Does the result include units such as rem or percentages?

The tool works from the base size you provide, usually in pixels. Convert the values afterwards if your project uses another unit.

Tools in the same category

• Pixels and REM