Appearance
Healthcare for everyone
![Collage of various illustrations, such as that of a man holding a tablet in his hands.](/-/media/country/bmp/design-basics/bmpdesignbasicsillustrations16x92x.png?h=472&iar=0&mw=840&w=840&rev=87bd0cde85004564a937c17cc1066aa8&sc_lang=en&hash=6CBB795B5C4A1EC887C0975DCC884A47)
Principles
![Illustration of two women.](/-/media/country/bmp/design-basics/illustrations/bmpillustrationcolorc16x92x.png?h=182&iar=0&mw=324&w=324&rev=c6c06a3a595a4e2ca91a32a78ff3204c&sc_lang=en&hash=0E9E0549593423374736B854B5ECD8E9)
![Illustration of a microscope.](/-/media/country/bmp/design-basics/illustrations/bmpillustrationcolord16x92x.png?h=182&iar=0&mw=324&w=324&rev=7bb43425685f49bc9f82ac0d059fb3b6&sc_lang=en&hash=66065753E2D01A12D53A3CA2E339C5F8)
![Illustration of a doctor examining a patient.](/-/media/country/bmp/design-basics/illustrations/bmpillustrationstory16x92x.png?h=182&iar=0&mw=324&w=324&rev=5179db19521a4cf3971b6c749f93234e&sc_lang=en&hash=55F4979CB2EF2BDD4605EF8F8B8B4D7D)
Don't use the brand ellipse in illustrations
The brand ellipse is a unique element coming directly from the brand itself and should not be used in illustrations to any extent. If a shape as a backdrop is needed, select from a range of shapes from the illustration guidelines and toolkit.
Illustrations vs. icons
The demands of the HARTMANN brand on display and explanatory graphics are large and diverse. The boundary between illustration and iconography is fluid. In general, the deciding factor is the level of emotionality and complexity.
Emotion
Sometimes it's not just about explaining a fact but also communicating emotion to generate greater acceptance. In this case, we use illustrations instead of iconography.
Complexity
In most cases, complexity is the main theme. If too much content is lost by using reduced icons, we use illustrations instead of icons.
![Comparison of a hand-washing icon with an illustration showing hand washing.](/-/media/country/bmp/design-basics/illustrations/bmpillustrationappearance0216x92x.png?h=472&iar=0&mw=840&w=840&rev=036747c8b9434af98bf726b5696222d9&sc_lang=en&hash=AF7CB41FA157F28D9708F9B7D8D94020)
Colors
Basic Rule
All colors of an illustration must be developed from the brand color scheme. But a reduced amount of colors should be used, concentrating on the HARTMANN blue tones.
Skin tones
![Illustration of people with different skin colors.](/-/media/country/bmp/design-basics/illustrations/bmpillustrationskin16x92x.png?h=472&iar=0&mw=840&w=840&rev=a7a123b734a54bb3a14cfb5e644ba038&sc_lang=en&hash=B7BB09B3F494B3E738AD43889F406DFE)
![A table with graphic details for different skin colors.](/-/media/country/bmp/design-basics/illustrations/bmpillustrationcolors0116x92x.png?h=472&iar=0&mw=840&w=840&rev=92f002222f53485ba5c4a7658fdbf52b&sc_lang=en&hash=39C9DA5188E2D8352A92C5CAF05CB193)
Grayscale
Our neutral color range is used for light background tones and to give more contrast to light objects on a white background – using darker shades of gray. Ensure sufficient contrast between foreground and background.
![A table showing different shades of gray.](/-/media/country/bmp/design-basics/illustrations/bmpillustrationcolors0216x92x.png?h=473&iar=0&mw=840&w=840&rev=111e5b73cea74d4a92245aa52cbb836a&sc_lang=en&hash=1712CB4500B36448D6DC6C53161C7886)
Toolkit
If you create new illustrations, first take a look at the illustration guidelines and toolkit which are available separately from the brand identity guidelines. The document contains all important information for creating new illustrations and a ready-to-use toolkit. The illustration guidelines and toolkit is divided into the following four topics.
All files are created in RGB color mode and should be converted to CMYK for printing!
![A graphic representation of the different HARTMANN colors.](/-/media/country/bmp/design-basics/illustrations/bmpillustrationtoolkit0116x92x1.png?h=274&iar=0&mw=486&w=486&rev=3494e770999741409a4732ec1b47ca51&sc_lang=en&hash=67E1BD2336C7CBE129362D8FB8EA7C07)
![Illustration of a mother holding the hand of her daughter.](/-/media/country/bmp/design-basics/illustrations/bmpillustrationtoolkit0216x92x1.png?h=274&iar=0&mw=486&w=486&rev=6ab136ce3e784f4d926895a906ab7098&sc_lang=en&hash=0B8705027975992B4CAEACC17C3DED6D)
![Illustration of a doctor examining a patient.](/-/media/country/bmp/design-basics/illustrations/bmpillustrationtoolkit0316x92x1.png?h=274&iar=0&mw=486&w=486&rev=c8ac1f9e56fc4d9598928bfa0a196034&sc_lang=en&hash=90C5CCB284217D76D36CEE2B54D8BD8B)
![Illustration of different medical objects like pills and disinfectant.](/-/media/country/bmp/design-basics/illustrations/bmpillustrationtoolkit0416x92x1.png?h=273&iar=0&mw=486&w=486&rev=6251d8c960724f5b920c0833cc2d628b&sc_lang=en&hash=C755E5CF3926F655551C9B2670A3CDF8)
Avatar design
![An illustration that shows how avatars are designed at HARTMANN.](/-/media/country/bmp/design-basics/illustrations/bmpillustrationavatar16x92x.png?h=472&iar=0&mw=840&w=840&rev=d556e0fcd5474b09b46cfc28aed8b561&sc_lang=en&hash=B5202AA628B3F4C91132DD9DE9B0EFC4)
See also
For further information get in touch
Please email us at branding.support@hartmann.info