CreativeLabHub / Tool 03 / Typography

Modular Type Scale

Generate a compact type scale from a base size and chosen ratio.

Your scenario

Sample values explain the method; they are not recommendations. Replace them, then calculate.

What this tool helps you organize

Generate a compact type scale from a base size and chosen ratio. It is one defined worksheet, not a complete assessment of your circumstances.

A scale does not replace visual hierarchy, responsive testing or accessibility review.

Method and calculation rules

Each step multiplies the base by ratio raised to the step number.

Display values are rounded for readability. The calculation uses the entered numbers before display rounding. Whole-unit outputs use the rounding rule stated in the method.

Know your inputs

  • Base font size (px) — Accepted range: 8 to 96.
  • Scale ratio — Accepted range: 1 to 3.

A worked example

Illustrative inputs: Base font size (px): 16; Scale ratio: 1.25.

Step +1: 20 px

Step +2: 25 px

Step +3: 31.25 px

These sample figures illustrate the formula, not a recommended target or a prediction.

How to use the working copy

Define a single scenario, check the units and replace each sample value that does not match it. Calculate and read all three result components, not just the most favorable number.

Change one assumption to compare scenarios. An edited field makes the previous answer stale; recalculate before downloading or printing. Reset sample clears the open result and restores the example entries.

What the answer cannot establish

A scale does not replace visual hierarchy, responsive testing or accessibility review.

The tool does not verify the accuracy, completeness or current validity of your inputs. Use authoritative current information and qualified judgement when the decision requires them.

Questions about this worksheet

Are the starting values a suggested target?

No. They show how the arithmetic behaves. Use your own checked values and do not infer a recommendation.

Why is my previous result marked stale?

Changing an input means the displayed answer no longer describes the current fields. Recalculate to refresh it.

Can I share an export?

Review the entries and limitations first. A downloaded file is a working copy, not an independently verified report.

Your entries and privacy

The bundled calculation runs in this open browser page. Inputs are not automatically saved as a server-side calculation history. Browser refresh or navigation may clear them.

Contact messages and technical website records are separate from calculator arithmetic. Read the Privacy Policy for the distinction; do not enter confidential records or credentials.