Making data cool again

Naturally our brand dna continues through into our data visualisation, taking cues from our illustration style with the presence of the patterns, colour palette and black outlines.

If you’re in Keynote or PPT, these graph styles have already been preset. So just add your data and you’re good to go. Otherwise, if you need to create them from scratch, these guidelines should provide a good starting point.

Graphs should always be simple, easy to understand, and ideally, they should be visually compelling. That means that in order for a reader to gain insights quickly from the data being presented, they must be consistent and clear in the way they are constructed and organised.

As a rule:

  • All objects, bars, segments, containers etc, should have a black outline.
  • Always ensure strong colour contrast between data points, in order to easily differentiate them.
  • Use the additional patterns provided to create an easy separation between different data points.
  • Avoid using all greys next to each other.
  • For good legibility, always ensure strong colour contrast between the text and the background colour.
  • Typography should be supportive and minimal for charts and graphs.

Building blocks

Colours



Patterns



The elements above provide the building blocks for our charts, graphs and data visualisation. Obviously our brand colours are an important tool in expressing a range of data points and we have developed a hierarchy, or sequence to assist in producing clear, consistent and on-brand visuals. These are supported by the patterns, helping provide variation, flexibility and range and linking the expression back to our illustration style.

Colour sequence

The following charts indicate the order of the graph colour sequence. These are pre-determined in our presentation templates to provide the best possible contrast and variation. They may also be adjusted to suit your content if required. For instance, if you need to add more colour.

The sequence prioritises our main brand colours, black and white, followed by the primary colours, and finishing with the secondary colours. This is done to ensure our charts, graphs and data visualisation is always on brand.


Full sequence



Applying the sequence

Application

For data that is more complex in nature, we suggest representing it in the most accurate manner by using simple bar graphs and charts. These should include the most common and widely used data visualization representations, such as pie charts, bar charts, area charts, scatter plots, bubble charts, or Venn diagrams.

In addition we have some examples that demonstrate how data can be represented in different or more expressive ways while still adhering to brand guidelines.

Shapes by percentage

Illustration

Examples