Spacing

Predictable spacing model for laying out interface elements

Spacing Scales

Below is our list of spacing scales, expressed as variables (in Figma) and tokens (in code theme.json).

Spacing can be applied to determine the size (width and height) of elements. It also serves as spacing between elements (the padding of a component or the margin/gap between components).