Structure

Learn about how to structure and organize content on your page with the Base System

Overview

Structure in the Base System refers to the core layout and build of your pages, and encompasses all the building blocks such as your sections, containers, spacing, and other elements designed to aid in the creation of layouts. This results in an approach that is simple, clear, consistent and repeatable,

Pages are made up of sections, by default, sections span across the full width of the body. They provide spacing for content and padding from the edges of the screen. If you don’t want your content to span the width of the body, we can add a container Inside Sections to center content on the page. Containers define our page constraints to ensure consistency across pages. Inside containers we add our content, with spacing is managed through a powerful flex-gap spacing system.