Grids

The following basic guidelines should be used when constructing content sections. This ensures consistency of content widths, vertical positioning, and horizontal alignment is paramount to providing a reliable and easily usable product to users. The pages are constructed using a 12-column grid system with 24px gutters.

12-Column Grid

Page content or card content should be aligned within a 12-column grid system divided into four and three columns to organize the content. These grid columns should maintain a 22px gutter between each other.

4 Columns

four column grid and layout

3 Columns

3 Columns grid and layout