Dashboard Design Principles

Most dashboards fail readers through design more than through data. The numbers are usually accurate. The layout decides whether anyone reads them.

This piece is a working set of dashboard design principles, drawn from the dashboards that actually get used. None of them is decoration. Each one changes whether a reader can tell, in a few seconds, what needs their attention.

Six principles cover most of it. The rest of this piece walks through each one, with the design choices it rules in and the ones it rules out.

What you will learn

  • The six design principles that separate a dashboard people use from one they avoid.
  • How to set visual hierarchy so the most important number is read first.
  • Why a single accent colour beats a full palette.
  • A working type scale for dashboard labels, values, and targets.

One screen, or it is not a dashboard

The first principle is also the strictest. A dashboard fits on one screen, with no scrolling. If a reader has to scroll to see the bottom, they have to hold the top in their head while they read, and most readers will not.

One screen forces every other decision: what stays, what goes, how big each tile is, which number is the headline. Without the limit, those decisions never get made, and the dashboard slowly absorbs every metric anyone asks for. That is the most common failure mode covered in why most marketing dashboards fail.

The right size of the limit is concrete: fit the screen the team actually reads on. A laptop dashboard is designed for a laptop. A wall-monitor dashboard is designed for that monitor. The rule is to fit the screen that is read on, not a hypothetical one.

Hierarchy decides what gets read first

Within the one screen, the question is which number a reader sees first, second, third. That order is set by visual weight: size, contrast, and position.

The most important number on the dashboard should be the largest and the highest on the page. Supporting metrics sit smaller and lower. The dashboard does the prioritising work; the reader does not have to.

Most weak dashboards make every tile the same size, which means none of them stand out. Equal visual weight reads as no opinion, and the reader has to decide what matters on every visit.

A simple type scale carries most of it.

Element Size Weight Colour
The headline number 32-40 px 700 Ink (dark)
KPI value (per tile) 24-28 px 700 Ink
KPI label or name 11-12 px 600 Slate, uppercase
Target 13-14 px 400 Slate
Variance, when off-target 13-14 px 600 Accent
Section or group heading 16-18 px 700 Ink

Two weights from a single sans-serif family is enough. Sizes only step up where attention should. That is most of dashboard typography.

One accent colour, used as signal

The strongest dashboards are mostly one or two neutral colours, with a single accent reserved for one job: showing what needs attention.

Most weak dashboards do the opposite. Five colours competing for the reader's eye, each carrying a separate convention nobody remembers two weeks in. By the third visit, every colour has turned into decoration.

Hold to one rule. Anything on plan stays in the neutral palette. Anything off plan, or asking for action, gets the accent. The reader learns the rule once, and never has to relearn it.

Restraint over decoration

After hierarchy and colour, the next gain is in what a dashboard does not have. Shadows, gradients, heavy borders, decorative icons: each one looks harmless on its own, and each one adds drag in aggregate.

Use hairline rules where structure needs marking, flat backgrounds where space needs grouping, and nothing else. The data carries the page.

Whitespace is part of this. Density is not the same as detail; crowded tiles read as noise, not as extra information. Loose spacing between tiles, and around the numbers inside them, is what lets the eye land where it should.

A target next to every number

A number on a dashboard has no meaning without something to compare it against. Cost per lead, $74: good, bad, expected, alarming? Without a target on the same row, every reader supplies their own answer.

Every metric needs three things in its tile: the current value, the target, and the variance against it. The variance is where the accent colour goes when it goes anywhere.

A working tile reads value first, gap second, direction third, in one glance. The big number on top, the small target beside it, the variance underneath, the trend across the bottom.

Designed on these principles

A dashboard that already follows the rules

The CMO Marketing Control System ships with the hierarchy, restraint, and target pairing covered here, in an Excel layout you can customise but do not have to design from scratch.

See the CMO Marketing Control System

Consistency over cleverness

The last principle is the dullest, and probably the most useful. Every tile should be the same shape and use the same internal layout. Labels in the same place, values in the same place, sparklines in the same place.

Variation looks creative and reads as cognitive load. Each unique tile is one more decoding task the reader does before they can act.

The same rule applies across versions. Last month's dashboard and this month's should look identical in structure. Regular readers navigate by position, not by label, and moving a tile is the same as hiding it from anyone who reads at speed.

Set the principles against the choices they rule out, and the picture is small enough to hold in mind.

Design choice that adds noise Design choice that adds signal
Forces the reader to scroll Fits the screen the team actually uses
Every tile the same visual weight The biggest number is the most important number
Five colours, each with its own rule One accent, reserved for off-target
Borders, shadows, and decorative icons Hairline rules and flat surfaces
Numbers with no target beside them Value, target, and variance in every tile
A new layout every month The same layout, with the same tile in the same place

Frequently asked questions

What is the most important dashboard design principle?

Visual hierarchy. The most important number should be the largest and the highest on the page, with everything else sized in proportion. Without hierarchy, the reader has to decide what matters every time they open the file, and most will not.

How many colours should a marketing dashboard use?

One accent colour, plus a small palette of neutrals for backgrounds, labels, and text. The accent is reserved for items that need attention. More than one accent and each one quietly loses its meaning.

Should every metric on the dashboard have a chart?

No. Most metrics need a number and a small trend mark, such as a sparkline, not a full chart. Full charts are useful when the shape of the change matters; for most KPI tiles, a sparkline is faster to read.

What fonts work for a marketing dashboard?

One sans-serif family is enough, used at two weights. The font itself matters less than using it consistently and sizing it to the hierarchy. Switching families inside a dashboard adds visual noise without adding information.

How often should a dashboard be redesigned?

Rarely. Regular readers learn the dashboard by position, and changing the layout resets that learning. Redesign when the underlying KPIs change, not because the layout has started to feel familiar.

Design the dashboard once, then leave it alone

The CMO Marketing Control System gives you a marketing dashboard built on these principles: one screen, one accent, paired targets, and a consistent layout, set up in Excel.

Explore the CMO Marketing Control System

Related reading: How to Build a Marketing KPI Dashboard in Excel and The Monthly Marketing Report Template Executives Want.