Spacing

Consistent spacing of column width and height, margins, and padding maintain visual balance in our designs.

The Goldman Sachs Design System provides spacers that can be used vertically or horizontally. The smaller spacers should be used on more detailed spacing of elements within components. The larger spacers should be used on layout spacing. The following tokens are available and should be used to ensure proper spacing of components.

Layout Spacing Tokens
Layout Spacing Macro Example
Layout Spacing Micro Example
Layout Spacing Type Example