Layout – grid system

A 12-column grid makes for a versatile layout system. Here are some examples of how to vary the use of the grid. All examples are shown in A4 format, but the grid can be converted to other formats as well.

Grid_1

The 12 column layout grid used in an A4 spread. 12 mm margins / 3 mm column space. The 12 column grid can be used for various column layouts, for instance:

A. 4×3 (three) columns
B. 3×4 (four) columns
C. 5×2 (two) columns

 

Usually it’s enough with one column layout throughout a publication (here 4×3), with the added flexibility of the 12 column grid put to use on intro texts, images and captions.

Grid_2

 

A spread with a main 3×4 column layout, and a 5×5 column layout for a sub article. By using only 10 of the 12 columns, the sub-article gains some space.

Grid_3

Keep text inside the grid. Images bleeding off the page can be placed in the margin area. Page numbers should always be placed outside the grid as shown in the examples.

 

The two spreads below have a 3×4 column layout. The layouts are almost similar: Both have a large main photograph across the spread, while the introduction and body texts have the same placement.

The 12-column grid helps to differentiate the layouts. On the top spread it is used to create a combination of several photographs in different sizes. On the bottom spread, the main photograph is taller, and the remaining space is used for just one photograph and a text box.

Grid_4

Grid_5

 

Below is a front page layout and a full-page ad. The rules for size and placement of logo and the URL element are followed, and the grid is used for placement of other elements.

Front and back cover on catalogues should always have photographs bleeding of the page.

Layout_grid

 

Identity elements in use

Layout inspiration
Layout – grid system
Roll-ups
Promotional items