Spacing Scale Calculator

Generate a consistent spacing scale from a base unit, linear or multiplied.

Enter values

Result

Base unit

4 px

A 4px base with a linear scale is the most common system — it gives enough steps without offering too many near-identical choices.

Spacing tokens

Generate a consistent spacing scale from a base unit, linear or multiplied.

Also known as: spacing system calculator, margin padding scale, design token spacing, 8pt grid.

Enter base unit, scale type, number of steps, root font size and the other fields.
The result updates instantly as you type — press Calculate (or Enter) at any time.
Review the breakdown shown under the main result.
Use Copy result or Share to save the answer or send a link with your inputs.

linear: base × multiplier · doubling: base × 2^step

Using the values pre-filled in the calculator above:

the calculator returns: