Story

We carefully chose the layout principles as they support how our brand is viewed, these rules reflect what how HERE should be portrait. It is important to also have in mind all the other sections: logo, typeface, colors, photography and the unfold while creating a new asset. 
 

Guidelines

Measurement units

Margins and other measurements are determined by the size of the symbol, which means the logo size becomes the foundational unit of measurement throughout any given application.

Logo size & positioning
Like the margins, the measuring unit for positioning the logo is the symbol. The illustration shows a best practice example on a standard print format.

Optimum positioning
In order to achieve good visibility and for a consistent representation of the brand, the logo should be placed in a corner: ideally in either the bottom left, or top right corners. 

Alternative positioning
If the optimum positioning is not possible by any reason, the alternative positioning should be used. The logo placed in a corner: bottom right or top left corners.

When choosing a placement area, select the most harmonious and calm area, and follow the logo clear-space rules. The logo may be centered, if visually preferable (e.g. very narrow, small or square-shaped areas or other irregular formats). Similarly, when placed at very large sizes (e.g. signage), the logo may be centred within the space.

Sizing for DIN formats
The long edge of the format determines the height of the logo. The same size of logo can then be positioned on portrait or landscape formats. Please ensure you size the logo according to the rules to maintain a consistent brand appearance.

Logo height
The height of the HERE logo is defined by dividing the longer side of a DIN format.

1/13 height

Type justification as a rule of thumb, type should always be left aligned. Where appropriate or dictated by media, type may be right aligned. But remember, always avoid center aligning text.

Grid system
The content frame is defined by the size of the symbol. Three symbol units define the margin for portrait formats. The layout for landscape formats is based on a 6 column grid. The defined columns may contain various styles and hierarchies of text content. These columns allow for flexibility and consistency across all material.

On an A4 layout
with 6 columns, the gutter is 6 mm and the margin on all sides is 17.5 mm.

Dynamic layouts
headlines and intro text should always be positioned in the first 4 to 5 columns. Body copy may utilize all 6 columns (e.g. divided into 3 equal text columns).

Balance & rhythm

For all HERE layouts, there should be a balance of photography, color and unfold backgrounds. 

The schematic shown here shows visual examples of how to balance these three elements within any given application.

Balance of different elements photography 
color and unfold backgrounds of primary and secondary colors should be carefully balanced through layouts. Without repetition and respecting the color ratio.

Unbalance of different elements
repetition of elements as photography and color should not occur. And the color ratio should be respected.

Depending on the requirement, either a photograph or unfold background may be used. Position the logo or content on the unfold background to ensure it is placed on a calm, low contrast area. When using photography, please do not position the logo inside the unfold.

White space

White space is your friend. It’s very crucial in creating an overall sense of balance across applications. It also makes elements standout and prevents layouts becoming too cluttered. White space should typically be used adjacent to areas of content or large photographic areas. White space (visual arts) is often referred to as negative space. The use of negative space is a key element of artistic composition.v

White space is essential to create emphasis, clarity, impact and balance within any application. Always be generous with white space to give text, graphics and photography enough breathing room. White space is defined as any clear area within an application. This applies to any areas of white or flat color.

Usage Examples