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.