Layout Overview

Containers presets are available by simply adding the class 'Container' to your div-blocks.

We've included a few variations of the sizes, by default we use a 1140px container, with the simple name 'container'.
When you change a container here, you will change all containers across the design system.

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