Layouts
Grid system
The guidelines are based on a 14 column horisontal grid system with the two outer columns acting as outer margins. This provides us with a 12 column grid system where images, graphics and text should be placed within.
Logo placement in a 14 column grid system. The two outer columns act as an outer margin. The logos fill 12, 6 or 4 columns, placed towards the bottom right corner.
Graphic shape and logo placement in a 14 column grid system. The two outer columns act as an outer margin. The shape fill 12, 6 or 4 columns. The shape can be placed anywhere on the grid system, but should be positioned towards a corner of the format.
Within the grid system we can place elements such as images and text. Images can be placed inside the graphic shaped frames, or fill the whole format with logos and text placed on top of it. Images can sit with a clear outer margin or bleed out of the format.
Images in graphic frames sit within the outer margin.
Images bleed out of the format, still keeping the corner shapes from the image framing. Images can be used full bleed with text boxes in graphic shapes on top of it.
Text should be placed on a clear background, not overlapping the imagery.
Formats
The grid system can be applied to any format. When the format is narrow and long we can use a grid of 20 columns to avoid large outer margins.
Examples
Examples of layouts that use the grid system explained above.
Example of Lilcat's visual identity
