Grid and layout

Grid

Our underlying, conventional (responsive) grid system.

An illustration of our underlying grid system

View a live example of our underlying grid system

Layout containers

Containers create a visual hierarchy on the page, and help give contrast to content areas and the footer.

Examples of our layout containers

View live examples of our layout containers

Regions

This is content-level (responsive) layout system - a counterpart to our semi-traditional row / column system.

Examples of our regions

View live examples of our region patterns