Skip to main content

Graphs and charts

Graphs and charts should only use our primary colour palette, supported by our secondary palette. Don’t introduce new colours for multiple fields: instead stripes can be utilized for differentiation.

Although not required, a subtle pattern can be used within a large container, as long as there is no text overlap

Data should be kept clean and minimal, avoiding repeating numbers already represented graphically.

The most harmonious title alignment can be determined by best design judgement of the space available and the other elements on the page.

Examples of graphs and charts