Interactions

Use this page to customize the default spacing for your project.Padding & Margin

Please note that we have provided best practise spacing sizes that should be suitable for most projects, however if you would like to edit or extend the default spacing you can do so here.
When editing colors, use the global color swatches. Learn More
When you edit a global color swatch, you automatically apply the color change to all elements where the color exists. So if you update the Purple 300 to suit your brands version of Purple, the color will be applied across all utility items, components, templates etc. Or if you change the Purple 600 to Orange

Scroll into view interactions

Use this page to customize the default spacing for your project.Padding & Margin

Please note that we have provided best practise spacing sizes that should be suitable for most projects, however if you would like to edit or extend the default spacing you can do so here.
(Scroll) View 0.2
(Scroll) View 0.4
(Scroll) View 0.6
(Scroll) View 0.8
(Scroll) View 1.0