The modular TomTom grid is like our map for design. It shows the way and makes life easier. And importantly, it ensures consistency without losing flexibility. This way we can create a great variety of layouts within the identity.

Primary Grid

The primary grid is balanced and straightforward. Simply split the artboard in half, and then further into halves as needed.

Secondary Grid

Only use the secondary grid when the primary grid isn’t applicable, for example for banners or branding purposes. To create the secondary grid, split the artboard into thirds – either vertically or horizontally.

Logo placement

The blue is your guide. Only place the logo within the blue areas shown. Note that the size of the hero box can change, making these rules rather soft and suggestive.