Writing
CraftMay 19, 20245 min read

Dashboard Design Is Mostly Typography

After designing half a dozen dashboards for operators and executives, I've come to believe that the quality of a dashboard is determined almost entirely by its typographic hierarchy.

I have designed a lot of dashboards. Operations dashboards for coworking companies. Clinical dashboards for insurance reviewers. Executive dashboards for C-suite teams at healthcare systems. And after all of it, I have arrived at a conviction that most dashboard designers resist: the quality of a dashboard is determined almost entirely by its typographic hierarchy.

Not the charts. Not the color system. Not the filter logic. Typography. The way you organize and distinguish information through size, weight, color, and spacing determines whether a dashboard communicates clearly or requires decoding.

What Most Dashboards Get Wrong

The most common mistake I see is treating all data as equally important. Everything gets the same size label, the same font weight, the same color treatment. The result is a grid of equally-weighted information that forces the user to read everything before they can understand anything.

Good dashboards answer a question before the user finishes asking it. The most important number is the biggest and boldest thing on the page. Secondary context is smaller and lighter. Supporting metadata is barely there. The user's eye should follow a hierarchy of importance — not hunt for it.

A dashboard is not a database. It is an argument about what matters. Your typography is how you make that argument.

The Case for Fewer Chart Types

Related to this is the tyranny of the chart. Designers reach for charts — bar charts, line charts, donut charts — because they feel like data design. But a large, well-typeset number with a subtle trend indicator communicates more clearly, more quickly, than a chart in almost every dashboard context.

Reserve charts for when the shape of the data matters: when you need to show distribution, trend over time at fine granularity, or comparison across many categories. For everything else — KPIs, current status, recent activity — a number and a direction is usually enough.

Practical Rules

A few rules I hold onto. Use two typefaces maximum — one serif or variable-weight sans for data display, one secondary for labels and metadata. Use weight, not size, to distinguish levels within the same typographic scale. Size for hierarchy across sections; weight for hierarchy within them.

Use color functionally, not decoratively. In a dashboard, color should mean something: green means good, amber means watch, red means act. If you use color for anything else, you dilute this semantic meaning. And give your data room to breathe. The instinct to fill every pixel with information is the enemy of clarity. White space is not wasted space. It is the attention your user needs to actually see what is in front of them.

Josh Waggoner

Product Designer & Engineer based in Chattanooga, TN. Building at the intersection of AI, design, and craft.