Icons play a number of roles in communication. In catalogues, they draw attention to additional information or online services where required. On landing pages and in videos, they are used to further highlight key points and product benefits. This anchors the facts more firmly in the customer’s memory.
Icons are used to sum up complex processes and statements. For this reason, they ideally consist of an eye-catching but easily understood symbol. They are always circular and comply with our colour and typography requirements.
Size and proportions online
Web-style icons are used exclusively online. In contrast to the icons used in print, they have added contours. To ensure uniformity throughout the entire portfolio, all icons share the same format. They cover an area measuring 140 x 140 pixels with 3px-thick contours and are presented in the colour #606061. The background is always a grey circle (#f4f4f4). If they are to be placed on a grey background, a white circle can be used instead.
Size and proportions in print
White fields are used for presentation purposes. The background is #0582A8 (item blue). However this should be taken directly from the template.
Size and proportions in applications
The icons in applications, e.g. configurators, are very similar to those used online. However, because they are generally much smaller, these icons are designed to be 80 x 80 pixels in size. The uniform line thickness of 3px is observed.
The item colours are red, white, black and shades of grey. The overview covers everything you need to know about the different colour permutations and what each combination conveys. It also provides examples of everyday applications and advice on ensuring unrestricted accessibility.More about colours More about colours
Our company font for printed materials is item Global in various weights. The font Roboto Condensed is also used online. This section explains everything about line spacing, colour and contrast, the relevant HTML codes and the special case of “text on images”.More about fonts/typography More about fonts/typography