Versions Compared

Old Version 15

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

This Formatting and 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.       Colour Palette

This section
Page TreerootFormatting and Style Guide

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

2.       Report Formatting

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

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

For details on formatting your chart, see 3.         Chart StyleCategorised 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 look forward to seeing your beautiful visualisations!

Formatting and Style Guide

Panel
borderWidth1
borderStylesolid
titleIn this section


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


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