Icons
The GEZE icons present information and interactions in a simple, direct way. They are an essential element of the corporate design and can be used flexibly. The complete icon sets can be downloaded here.
Style
The subject of opening is communicated in the stylistics of the icons. Their linear, angular design language supports the technical character.
Design
Care must be taken to present the information as simply as possible and to reduce the design to a minimum.
Size
All icons are designed precisely as 24 x 24 pixels.
Composition
In design, an angular design is always preferred to a round shape. The lower left corner is rounded to 2 pixels and the icon is 3 pixels open to the right. If this is not possible, an opening at another point of the icon should be integrated.
Line width
Icons always consist of contours without fill. The line width is 1 pixel.
Colour scheme
Functional application
In functional applications, icons are displayed exclusively in GEZE blue and white.
Illustrative use
In illustrations with a purely design function, icons may also be depicted in Accent blue and GEZE yellow.
Brand recognition in the icons
If an icon needs to independently reflect the GEZE brand (see brand recognition in the typography), elements can be coloured in GEZE yellow.
System icons
Functional icons are defined for digital applications. They enable clear and uniform user guidance and are presented as simply as possible.
The structure of the system icons is not necessarily defined according to the previously defined style. The focus here is on reduction.
Icons and typography
If icons are directly related to typography, some combination rules must be observed. This does not exclude editorial use in free layout design.
Use of typography
Icons are set in a ratio of 3:1 or 2:1 to typography. The principles defined in the area of typography apply here.
If the icon is directly combined with the typography, the colour of the two elements must match.
Distance
The distance between text and icons or between icon and icon is always half the height or width of the icon.
Positioning
Icons are positioned either left, right or centred above the typography.
When there are 3 lines or more, the icon is flush with the upper edge of the text frame.