Versions Compared

Old Version 9

changes.mady.by.user Brendan Codrington

Saved on

compared with

New Version Current

changes.mady.by.user Brendan Codrington

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
AnchorTopTop

The Talent Analytics Style Guide has been created with one simple purpose – to help you make your tables and charts beautiful!

Aimed at taking the ‘guess work’ out of analytics styling, this guide contains best practice recommendations to achieve a high degree of consistency in the way reports are visualised.

The style guide has been organised into the following categories:

1.       Report Formatting

Categorised by report type, this style guide
Page TreerootReport Formatting and Style Guide

This page contains a list of attractive, complementary colours and gradients to use to design your tables and charts.

For details on formatting your report table, see 5. Formatting

This section is categorised by report type, and outlines our recommended best practice for report design, including font, size, data alignment and chart type

2.       Colour Palette

This section contains a list of attractive, complementary colours and gradients to use to design your tables and charts.

3.       Chart Style

Categorised For details on formatting your chart, see 3. Chart Formatting

This section is categorised by chart type, this style guide and outlines our recommended best practice for chart design, including axis, series, and grid lines by chart type.

 We We look forward to seeing your beautiful visualisations!

Report Formatting and Style Guide

Panel
borderWidth1
borderStylesolid
titleIn this section


Tip
A well-defined and clear style can make it much easier for users to understand reports, charts and dashboards.


Info

Consistent, complementary colour palettes make it much easier to interpret report results.

Contact support@acendre.com if you'd like to use your own organisation's colour palette in your reports and charts.


Primary Colours and Secondary Palette

ColoursQuick Copy

Image Added

#00A8E1
#FF7000
#00AE42
#A49791

Image Added

#FFAA52
#AA113F
#293E6B
#36424A
#696969
#3076A5
#6699cc


Gradient Colour Sets

Quick Copy (left)ColoursQuick Copy (right)
#FF7000

Image Added

#00A8E1
#FFAA52 #0066CC
#FFD39B#72CEEE
#FFE6B4#CCEDF9
#00AE42

Image Added

#EE0000
#339966#C53834
#A3D18A#F08080
#BFEACF#FFCCCC