Start by disabling WordPress default spacing in theme.json using “defaultSpacingSizes: false” under the spacing settings. This clears the palette for your custom values.
Currently, there’s no visual interface for creating custom spacing palettes, so you’ll work directly in theme.json. Create your spacing sizes array following the same structure as font sizes.
To create fluid spacing that matches your typography, copy the generated CSS values from your font size declarations. WordPress automatically creates these clamp() functions and injects them into the page’s CSS variables.
Use the browser inspector to find the generated CSS values for your font sizes, then copy those fluid declarations to your spacing palette. This ensures your spacing and typography scale together harmoniously across all viewport sizes.