Infographics

Information graphics – or infographics – are graphic visual representations of information, data or knowledge that break down dry facts into more memorable and engaging visuals. They will typically be graphs, charts and tables in both offline andonline applications. They are a key element of our look and feel.
-
Keep infographics simple with flat colors, avoiding unnecessary special effects.
-
The infographics should not be over complicated, remember to consider function over gimmicky design.
-
Where possible, our infographics should either appear on a white or bright colored background or on one of our darker hues.
-
Favor color combinations with lots of contrast between graphics and background for legibility.
-
Use our typeface Neue Helvetica (or system font Arial) for titles, annotations, key and source information.
-
Where possible and appropriate use our dynamic 12° angle to add forward momentum.
Everyday use (i.e. PowerPoint and reports)
When using Microsoft applications the use of elaborate infographics is not possible due to the restrictions of the software. In situations like this we aim to reproduce our look and feel as closely as possible. The graphs should look elegant and refined, not heavy or bold.
In Microsoft Office applications the system font Arial should be used. We use colors that are part of our brand palette. Examples below show the general styling. Arial bold is used for titles, Arial regular is used for large pull-outs, axes and the key.
Publication use (i.e. brochures and websites)
The examples show a variety of graphs.
Neue Helvetica light and light italic is used for large figures. Smaller text is usually set in regular or bold. In some instances the use of an angle can be helpful to create an ownable look as shown in the examples. However this should not be to the detriment of legibility or clarity.
Infographics colors
All text should use one of the dark hues from our palette i.e. the Bayer Dark Blue. One exception are large data pull outs (these can use any of the dark, mid or bright hues).
Generally, the bright hues are used to highlight key data within the graph. Bayer Fuchsia and Bayer Raspberry should be carefully used in graphics, as the bright red color might be associated by readers automatically with a negative message.
Choose color combinations that provide sufficient contrast. Tints of the dark and bright hues can also be used. Below are examples of color combinations.
Note: white and white space are active colors used as backgrounds for infographics.
Below are suggested color sequences for charts and graphs.

Bayer Mid Blue 100% tint
Bayer Mid Blue 40% tint

Bayer Mid Purple 100% tint
Bayer Mid Purple 40% tint

Bayer Mid Green 100% tint
Bayer Mid Green 40% tint

Bayer Mid Blue 100% tint
Bayer Blue 100% tint
Bayer Blue 40% tint

Bayer Mid Purple 100% tint
Bayer Mid Purple 80% tint
Bayer Mid Purple 40% tint

Bayer Mid Green 100% tint
Bayer Bright Green 100% tint
Bayer Bright Green 40% tint

If you have any further questions about this or any other section of Bayer Identity Net, please contact: