Free tool · Layout
Spacing and radius tokens
Generate a 4pt or 8pt spacing scale and a radius set, with a live component preview.
Base unit
8pt suits most marketing sites. 4pt gives finer control for dense product UI.
Preview
Spacing scale
Radius
Why spacing tokens?
Spacing you can name is spacing you can repeat. When designers and developers pick from the same small set of values, layouts stay consistent and review conversations get shorter.
Use smaller tokens inside components (between an icon and its label), medium ones between related elements, and large ones between sections.
Learn more
Want experts to fix it for you?
Bad Design designs and builds B2B websites that turn visitors into leads.