All posts
Product design

Dashboard Design Examples: 20 SaaS Dashboards and What Each Gets Right

Dashboard design examples from 20 well-known SaaS and consumer products, each annotated with the decision it gets right and the principle you can borrow.

By Mehdi Hassan8 min read

The short answer

Good dashboard design examples include Stripe, Plausible, Google Search Console, Linear, Sentry, Shopify and Strava. What they share isn't a visual style: each one answers a clear question first, gives numbers a comparison, picks charts that match the question and links every summary to the detail behind it. Below, each example is tied to the principle it shows.

Key takeaways

  • The best dashboards answer one question first and push everything else into drill-downs.
  • Search Console's metric cards double as chart toggles, a compact way to link KPIs and trends.
  • Sentry and Shopify put work waiting at the center: dashboards built for action, not reading.
  • Strava, Apple Fitness and Duolingo turn numbers into progress toward a goal.
  • Borrow the decision behind a layout, not the layout itself.

Part of Dashboard Design: The Complete Guide to Dashboards People Actually Use

What makes a dashboard design example worth studying?

A dashboard design example is worth studying when you can name the decision behind it and the principle it applies, not just admire how it looks. Galleries of dashboard UI inspiration show polished screenshots with invented data. That teaches styling, but not why a layout works for the people who use it every day.

So each example below comes with an annotation: what it does well, and the principle from our dashboard design guide that it illustrates. We picked well-known products whose dashboards are publicly visible or widely documented. Products change their interfaces often, so treat these as patterns observed at the time of writing, not a permanent record. We make no claims about any company's metrics.

Principle

Examples that show it

One question first

Plausible, Stripe, Vercel

Numbers with comparison

Stripe, Mailchimp, Google Search Console

KPIs linked to charts

Google Search Console, Robinhood

Built for action

Shopify, Sentry, Linear, GitHub

Dense, expert monitoring

Datadog, Grafana, Cloudflare

Usage against limits

Supabase, Vercel

Analysis and cohorts

Mixpanel, Amplitude, HubSpot

Progress and motivation

Strava, Apple Fitness, Duolingo

Which analytics dashboard examples get the basics right?

The analytics dashboard examples that get the basics right lead with a small set of headline numbers, put one main chart under them and keep breakdowns in simple tables. They prove that an analytics product doesn't need dozens of widgets to be useful.

  • Plausible Analytics. One page answers "how is my site doing?" A top row of headline stats, one visitors chart, then tables of sources, pages and locations. Clicking a source or page filters the whole dashboard. Principle: a single view with progressive disclosure through filters, instead of separate reports.
  • Google Search Console. The performance report shows clicks, impressions, CTR and position as cards above one chart, and each card toggles its line on or off. Principle: KPI cards that double as chart controls keep the summary and the trend connected.
  • Mixpanel. Funnel and retention reports put the question in the report itself: which steps, which cohort, which period. Retention appears as a cohort grid with shading. Principle: cohort tables are the clearest way to compare retention across groups, as we cover in how to choose a chart type.
  • Amplitude. Charts are built as saved, titled analyses that can be added to shared dashboards. Principle: every chart has a name and a question, so a dashboard is a collection of answers rather than a collection of visuals.
  • HubSpot. Reporting dashboards are assembled from report cards, each with its own title, date range and filters. Principle: clear card boundaries and titles make a mixed dashboard readable, though they also show how easily dashboards fill up when anyone can add a card.

What can SaaS dashboard examples from payments and commerce teach?

SaaS dashboard examples from payments and commerce show how to make money numbers trustworthy and actionable: clear periods, comparisons to previous periods and a short path from a summary to the transactions behind it. When the numbers are someone's revenue, ambiguity is expensive.

  • Stripe Dashboard. The home view leads with payment volume over time, with the period stated and a comparison to the previous period. A clear test mode switch prevents confusion between real and test data. Principle: every money number needs a visible period and a comparison, and data modes must be impossible to mix up.
  • Shopify admin. Home combines a sales overview with tasks that need doing, such as orders to fulfill. Principle: for operators, the dashboard is a to-do list as much as a report, which is the same idea we apply in admin panel design.
  • Robinhood. The portfolio chart sits above simple time-range buttons, and the headline value updates as you move along the line. Principle: one large chart with obvious period controls beats several small charts for a single trend.

Which developer and infrastructure dashboards are worth copying?

The developer and infrastructure dashboards worth copying show status first, make problems impossible to miss and give experts dense, flexible views when they need them. Their users often arrive because something might be wrong, so the design is tuned for fast diagnosis.

  • Vercel. A project's overview shows the current production deployment and its status before anything else. Principle: answer "is it working?" in the first line, then offer history and analytics below.
  • Sentry. The issues list shows each error with its event count, affected users and a small trend graph per row. Principle: a data table with inline sparklines gives precision and pattern together, and it's sorted for triage.
  • Datadog. Monitoring dashboards pack many time series onto one screen with a shared time range. Principle: density is right for experts who watch these screens daily; a global time control keeps every chart comparable.
  • Grafana. Panels share a time picker and template variables, so one dashboard can switch between services or environments. Principle: let one layout serve many contexts through variables instead of building near-duplicate dashboards.
  • Cloudflare. Analytics views summarize traffic and security events with clear period controls and breakdowns underneath. Principle: summary first, breakdown second, even for very technical data.
  • Supabase. Usage is shown against plan limits, so you can see how close you are before you hit one. Principle: a number next to its limit is more useful than the number alone.
  • GitHub. The contribution graph shows a year of activity as a calendar heatmap. Principle: a heatmap shows rhythm and consistency over long periods in very little space.
Why dense dashboards work for some products and fail for others

Datadog and Grafana can show many charts at once because their users are trained, return often and arrive with a specific question about a system they know. They've learned where everything is.

A customer-facing SaaS dashboard usually serves people who visit less often and know less about the data. Copying monitoring-style density there produces the wall of charts that makes people give up. The rule: density should match how familiar the user is with the screen. Offer a compact mode for experts rather than making it the default for everyone.

What do work-tool dashboards like Linear and Mailchimp do well?

Work-tool dashboards like Linear and Mailchimp do well by staying close to the user's job: what's assigned to me, what's next, and how did the thing I just did perform. They show that a dashboard can be personal and specific rather than a company-wide report.

  • Linear. Views like "My issues" and an inbox put the individual's work first, with restrained styling and fast keyboard navigation. Principle: restraint and speed make a tool feel calm even when it's dense, which is why so many SaaS UI examples borrow its look.
  • Mailchimp. Campaign reports show results such as open and click rates alongside an industry average. Principle: a benchmark gives non-experts a way to judge a number they have no history for, a pattern we cover in KPI card design.

What do consumer progress dashboards teach SaaS teams?

Consumer progress dashboards teach SaaS teams to show numbers as progress toward something the user cares about. Fitness and learning apps rarely show raw totals alone; they show goals, streaks and recent effort, which makes people come back.

  • Strava. Weekly totals and recent activities give a sense of momentum. Principle: the week is a natural unit for habits, and showing it keeps progress visible without overwhelming detail.
  • Apple Fitness. Activity rings show progress toward three daily goals in one compact graphic. Principle: progress against a target is instantly readable, and closing a ring gives a clear finish line.
  • Duolingo. The streak is front and center, along with daily goals. Principle: one simple, personal number can drive behavior more than a detailed report.

These patterns transfer to B2B products more than people expect: onboarding progress, usage against a plan, or a team's weekly goals. Our guide to fitness app dashboard design goes deeper on progress and motivation, and mobile dashboard design covers fitting these patterns onto a phone.

How do you use dashboard design examples without copying them?

Use dashboard examples by extracting the decision behind each one and testing whether it applies to your users, then designing your own answer. Copying a famous layout gives you its look, but the look was shaped by someone else's users, data and first question.

  1. Write your user's first question

    One sentence: what does the person opening your dashboard want to know first?

  2. Find examples with a similar question

    A monitoring tool, a revenue product or a progress app, depending on the job.

  3. Name the principle each one applies

    Comparison, action, density, progress. Write it down next to the screenshot.

  4. Apply the principle to your content

    Draft your own headline, cards and charts using the principle, not the pixels.

  5. Check against a standard

    Run the result through our SaaS dashboard checklist.

Visual details like dark themes are worth studying too, but last. Our guide to dark mode for SaaS apps covers how to do that properly once the structure is right.

Frequently asked questions

Where can I find dashboard design inspiration?
Design galleries show plenty of dashboard UI inspiration, but most use invented data and skip states. Better sources are real products you can sign up for, their public documentation and help centers, which show actual screens, and product teardowns that explain decisions. Use galleries for visual ideas only after you've decided what your dashboard needs to say.
Should my dashboard look like Linear?
Only if your users work like Linear's users: daily, fast and keyboard-heavy. Linear's restraint is a method, not just a style, and copying the look without the method gives you a dark interface with the same problems as before. Borrow the restraint, the consistent spacing and the focus on the individual's work, then adapt the rest to your product.
Are dashboard templates a good starting point?
Templates are a fine starting point for structure and components, especially for internal tools. They give you cards, charts and tables that work together. The risk is keeping the template's metrics and layout instead of designing for your own users' questions. Treat a template as a component kit and rewrite every title, label and card choice for your product.
Which dashboard example is best for a B2B SaaS startup?
For most B2B SaaS startups, Plausible and Stripe are the most useful references: a small set of headline numbers with comparisons, one main chart and clear tables below. If your product is operational, look at Shopify's home and Sentry's issues list instead, because they show how to center a dashboard on work that needs doing.

· CEO & Design Director

Copywriter, designer and developer, and founder of Designify Studio. Over five years, 60+ projects across 14+ industries, for startups that have raised $300M+.

Want us to do this for you?

We take craft seriously over at Designify Studio. We do deep research and do what we do best - pay attention to the smallest details and make sure we speak to the right audience.

Schedule Call