Spacing Scale Generator
Choose a starting size and a ratio. Create a consistent set of spacing variables for your design.
Copy these custom properties into your stylesheet’s :root block. Use var(--space-3), for example, as a gap or padding value. The scale is a starting point; adjust it to suit your content.
Your result
Type that adapts.