Iconography

Clear, reduced forms convey a sense of clarity. The rounded edges as well as rounded caps adds a human touch and support communicating at eye-level. Generally, the radius is applied to only one side of a line. You have sharp edges on the inside and rounded on the outside.

The icons are numbered for easy navigation. Have a look at the overviews to find the right file name of the searched icon.

The main icons are available in two different file formats. AI-formats for print and SVG-formats for digital usages.

A square form is the basis for all icons. Within a square of 160 px the line of the icon would be 8 px. It should be noted that the icons within an application should always have same size and line width.

The minimum size of the icons is defined by the line width.

The primary color for icons in print applications is HARTMANN Dark Blue.

When demonstrating an exact emotion like warning, inactivity and etc., icons can have different colors based on the HARTMANN primary and secondary color palettes.

To support the comprehensibility of the icons you can add a description. The spacing and font size
are fixed. The description must not be wider than the icon. If the description is longer, it can be set in
2 lines. The description always has the icon color. The size of the icon and the line width remain
untouched.

The typography must have an x-height of 1,2 Pt. It should be noted that the icons within an
application should always have same size, line width and font size.