Iconography

Clear, reduced forms convey a sense of clarity. The rounded edges as well as rounded caps add a human touch and support communicating at eye level. Generally, the radius is applied to only one side of a line. Sharp edges are used on the inside and rounded ones on the outside.

Icons are numbered for easy navigation. Search the overview for the file name of the desired icon.

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

A square form is the basis for all icons. Within a square of 160 px the line of the icon would be 8 px. Please note that all icons in an application should 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, etc., icons can have different colors based on the HARTMANN primary and secondary color palettes.

Icons can be labeled to ensure that their meaning is clear. The spacing and font size are fixed. The label must not be wider than the icon. If it is longer, twolines can be used. The label always has the same color as the icon. The icon size and line width remain the same.

The typography must have an x-height of 1.2 Pt. Please note that all icons in an application should have same size, line width and font size.