Grids and layout
The Interface design language is inspired by the geometry of our products, building on a system of grids. Influenced by Swiss design, the relationship between typography and grids is fundamental in informing the layout of our creative approach.
Building the grid
The Bug grid and image matrix is a handy tool to help create interesting and dynamic layouts. In this section you will find guidance on how to create your own Bug inspired grids.
The Bug Matrix is the core layout tool for creating bug inspired compositions.
Print ads are the most common place we use the Bug matrix. These steps will guide you through creating a print grid.
Creative inspired by The Bug will often extend to other mediums such as animated film and social media.
In some cases this may require an alternative grid layout. In these cases we always keep the longest edge of the composition 24 units and break down the short edge into the unit that gives us the closest representation of a 1:1 square grid.
The grid and Bug matrix are useful tools for handling all types of content. However we can dial up and down how visible the grid elements are within a given creative.
Grid in action
The grid can be used to varying degrees across creative deliverables. It inspires a style informed by the modular approach of the Interface product. Here are some examples from our showcase gallery of the Bug matrix and grid at its best.