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.
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.
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.
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.
The height of the HERE logo is defined by dividing the longer side of a DIN format.
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.
On an A4 layout
with 6 columns, the gutter is 6 mm and the margin on all sides is 17.5 mm.
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).
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 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.