Grid

We use a grid to structure our designs. Just like the typography and vertical spacing we use, our grid allows the creation of a consistent horizontal space.

Grid

Our grid has 12 columns that can be used in various combinations. It has gutters of 32px above 768px and 16px below 768px. We recommend its use because it has been designed to suit our typography.

Example

Code

For more information on using the grid, see the front-end toolkit code or try it out using the prototyping kit.

Feedback

Did you find what you were looking for?