With a simple grid system and easy to use elements it should be quite straight forward to create layouts that keep consistency and a coherence across all platforms.

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.

Lilcat Brand Elements41

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.

Lilcat Brand Elements42

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.

Lilcat Brand Elements43

Images in graphic frames sit within the outer margin.

Lilcat Brand Elements44

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.

Lilcat Brand Elements45

Text should be placed on a clear background, not overlapping the imagery.


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.

Lilcat Brand Elements46
Lilcat Brand Elements47


Examples of layouts that use the grid system explained above.

Lilcat Brand Elements 2224
Lilcat Brand Elements 22210
Lilcat Brand Elements 222
Lilcat Brand Elements 2226

Example of Lilcat's visual identity

Lilcat Brand Elements 22215
Lilcat Brand Elements 2228