Production notes / Typography

Understanding modular type scale

A modular scale generates related sizes from one base and a repeated ratio.

Base size compared with the result of Modular Type Scale; the example conditions stay fixed
Figure 1. Calculated scenarios for modular type scale. The highlighted point uses the example input. Lines connect sampled points and do not imply valid fractional counts.

Start with the relationship

The question this tool answers is specific: given base size, scale ratio, scale step, what value follows from the stated model? The result is expressed in pt. The calculation below makes that relationship visible, so the answer can be checked independently instead of accepted as an unexplained number.

base × ratio^step

Confirm the production specification with the printer or delivery platform before choosing dimensions. Keep trim, bleed, live area and pixel density distinct. Numerical consistency helps prevent avoidable rework, but a final proof remains necessary to judge the finished layout.

A worked example

Use the following values as a reproducible starting point. They are illustrative inputs, not measurements of your situation or a recommendation for a particular project. The calculator opens with the same values, making it possible to compare a manual calculation with the on-screen answer.

InputExample valueUnit
Base size12pt
Scale ratio1.25×
Scale step3integer

Substitute these quantities into the displayed relationship: base size = 12 pt; scale ratio = 1.25 ×; scale step = 3 integer. Carry out the operations before rounding the final value. This gives 23.4375 pt. The number is a result for this particular set of inputs; changing the measurement basis or the conditions can change its practical meaning.

What changes when an input changes?

In the illustrated range, changing base size from 7.2 to 16.8 pt moves the result from 14.0625 to 32.8125 pt. The output increases between those endpoints. The table gives intermediate samples so you can see whether the response is smooth, stepped or nonmonotonic; the endpoints alone do not establish that behaviour.

Every other input keeps the value shown in the example table. This controlled comparison isolates one relationship at a time. For a real decision, try a lower, central and higher plausible input instead of treating an uncertain measurement as perfectly exact.

Base size (pt)Result (pt)
7.214.0625
9.618.75
1223.4375
14.428.125
16.832.8125

The assumption that matters

Negative steps produce smaller sizes; a mathematical relationship alone does not guarantee visual hierarchy.

A valid numerical result only means the entered values can be evaluated by this formula. It does not confirm that the formula describes every feature of the real situation. Read the unit labels, check the measurement method and keep the specific limitation above with the result when sharing it.

Use the result in your own work

Open the calculator, replace the example values and select Calculate. The result is evaluated on your device. Reset example restores this article's scenario, while Copy result keeps the quantity and unit together. If an input is outside the model's allowed range, correct it before interpreting the output.

Keep more digits during a chain of calculations than you show in a finished note. Displayed values are rounded for readability; extra decimals do not make a rough measurement more accurate. When your decision depends on a tight tolerance, compare the original measurements and assumptions before relying on the last displayed digit.

Open Modular Type Scale

Further reading & method notes

MDN — CSS length units and their definitions provides background for this subject. This article's numerical examples and chart were calculated from the formula shown above. See the editorial policy for how this collection presents assumptions and corrections.

Keep exploring