Spacing Scale Calculator
Generate a consistent spacing scale from one base unit.
Quick answer: enter your details below and click Build Spacing Scale — your result appears instantly, right here in your browser. Nothing you enter is uploaded or stored.
S
500 New Tools
Enter your details below.
How to use
- Enter a base spacing unit in pixels.
- Enter a multiplier.
- Click Build Spacing Scale.
About this tool
Enter a base spacing unit and a multiplier, and the tool generates a stepped scale you can use for padding, margins, and gaps. Consistent spacing steps keep a layout feeling orderly instead of patched together.
Frequently asked questions
What base should I start with?
4 px is the common default because it divides cleanly and pairs well with 8-point grids.
Can I use a multiplier like 1.5?
Yes, 1.5 gives gentler steps, which suits dense interfaces better than doubling.