Infographics

Image collage with farmer, diagrams and the text "Smart solutions"

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.

image

 

image

 

image

image

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.

image

image

image

image

 

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.

image
Bayer Bright Blue 100% tint
Bayer Mid Blue 100% tint
Bayer Mid Blue 40% tint
image
Bayer Fuchsia 100% tint
Bayer Mid Purple 100% tint
Bayer Mid Purple 40% tint

 

image
Bayer Bright Green 100% tint
Bayer Mid Green 100% tint
Bayer Mid Green 40% tint
image
Bayer Dark Blue 100% tint
Bayer Mid Blue 100% tint
Bayer Blue 100% tint
Bayer Blue 40% tint
image
Bayer Dark Purple 100% tint
Bayer Mid Purple 100% tint
Bayer Mid Purple 80% tint
Bayer Mid Purple 40% tint

 

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

 

image
White
Contact

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