Supporting Graphics

Supporting graphics are essential tools that enhance communication by visualizing complex information, making data more accessible and understandable. They include charts, graphs and icons that complement written content and help illustrate key points clearly. Supporting graphics can transform dense information into engaging visual narratives, ultimately improving comprehension and audience engagement.

Color Usage

Only use primary colors in combination with data visualization colors when designing icons, charts, graphs, or other assets. Select colors that reflect the brand’s tone and hierarchy, using primary colors for key data points and secondary & supporting colors for supplementary information. 
 
Charts and graphs should only be placed on light backgrounds to ensure accessible contrast and optimal legibility. This is crucial for maintaining readability across all formats. 

The style of the supporting graphics is clean and one dimensional. However, more details can be added to the graphics if necessary.

Color usage for supporting graphics

Icons

Icons are simplified graphics that convey specific meanings or functions quickly and intuitively. They serve to enhance user experience by providing visual cues that allow for easier navigation and interaction. 

Mockup for Icon style on blue background
Mockup for Icon style on white background
Mockup for Icon style on dark blue background

Charts and Graphs

The charts and graphs are simple and clean. They should be designed using primary colors in combination with data visualization colors on a white background. When selecting colors, it is important to ensure color accessibility.

Supporting graphic: pie chart
Supporting graphic: bar chart
Supporting graphic: line chart

Illustrations

Illustrations typically represent concepts or “characters” interacting with an area of expertise. These illustrations are conceptual in nature and are used to enhance visual appeal or symbolize specific ideas. The illustrations are realistic and avoid exaggerated or overly stylized looks.


Characters show natural, basic facial expressions to keep a consistent and authentic feel. Use primary brand colors, tints and shades and extended accent colors, ensuring they do not overpower the primary colors in the illustrations. The overall look and feel of the illustrations should fit the rest of the brand.

Supporting graphics: Illustrations