< Back to Style Guide

Section Layouts

Section layouts refer to the arrangement and design of content sections on a webpage. We can stack headings, call-to-action and images together. And we can also adjust the column numbers and column gap.

Layout Structure

Layouts can feature one or more subdivisions, both horizontally and vertically. The division is straight, rectangular and bled to the edge; it can be either symmetrical or clearly asymmetrical. Both the number of the spaces and their size relative to each other is flexible.