screenroveSCREENS WORTH STUDYING
← Field notes
Pattern study

SaaS dashboard UX: usage meters now outnumber charts

SaaS dashboard UX from 256 screens: usage meters outnumber charts 2 to 1, and 77% show a meter, trial, offer or upgrade. What 93 products do, and what to copy.

On the 256 SaaS dashboard screens in our library, usage meters outnumber charts two to one: 80 screens show a credit balance, quota or "x of y" counter, and only 39 draw a chart of any kind. That is the quiet shift in SaaS dashboard UX: for most products, the number you see first after login is not how your business is doing, it is how much of your plan you have left.

We went through every screenshot on the Dashboards wall and marked anything that sells the next plan. 196 of the 256 screens (77%) carry at least one such element, and 72 of the 93 products show one somewhere on their dashboard.

How common is monetisation in SaaS dashboard UX?

Very. But a sidebar Upgrade button and a red bar reading "3 of 3" are different decisions, so we split them. One screen can fall into more than one of the first three rows.

Element on the dashboardScreensProducts
Meter: credit balance, quota or usage counter8030
Trial countdown or trial status4315
Timed offer, discount or deletion countdown157
Any of the three above127 (50%)45
Upgrade button or plan link only6927
Nothing that sells a plan6021

Two things stand out. First, it starts on day one: 83 of the 109 first-run and empty screens (76%) already show a monetisation element, almost exactly the rate on populated screens (113 of 147). Nobody waits until you have data. Second, meters follow the AI prompt box. Of the 95 screens built around an AI prompt, 42 (44%) show a meter; on the other 161 it is 38 (24%). When the main action costs compute, the balance moves next to the button that spends it.

The 21 products with nothing are mostly analytics and developer tools (Amplitude, PostHog, Sentry, Resend) or sales-led ones offering only "Book a demo".

Meters instead of charts

Of the 39 screens with a chart, only 4 also carry a meter, and two of those are Make. Make's org dashboard is the one place where the two merge: four stat cards read "Credits left 970 / 1,000" with a ring, "Usage reset in 32 days" and "Active scenarios 0 / 2" with an Upgrade button, and the line chart below is a chart of credit spend, not business results.

Make: org dashboard with a signup offer banner above credit, reset and scenario meters and a 30-day usage chart
The dashboard is the plan: a green one-time offer ("Go yearly and unlock 100,000 free credits") above four meters, then a chart of credits spent. Captured 22 October 2026 · DesktopExplore reference ↗

Across the 30 products with a meter we saw two formats:

Cloudinary puts its meter in the main column, not the sidebar, and pairs it with a way to earn more: "Credit Usage For Last 30 Days 0 / 25", a Free badge with Upgrade Plan, and below it "Get 3 free credits for every friend that signs up".

Cloudinary: home with a Plan Current Usage card reading 0 / 25 credits, an Upgrade Plan button and a Spread the Word section
Usage is the first section after the greeting, and the referral offers sit right under it, so the page answers "how do I get more?" twice. Captured 22 October 2026 · DesktopExplore reference ↗

When the meter hits the limit

The more interesting design moment is the full meter. Mermaid Chart's banner reads "1 of 3 personal" in grey on a fresh account. At the limit it turns dark navy with an orange "3 of 3 personal" bar and a "Start your free trial" link, so the state change itself is the upgrade prompt. Eraser does the same in its sidebar card: a grey "2 of 3 files." bar turns solid red at "3 of 3 files.". Relume's banner moves from "You have 1 project left" to "You have 0 projects left" next to "Upgrade to Pro".

Mermaid Chart: dark banner reading Start your free trial for unlimited editable diagrams with an orange 3 of 3 personal bar
Same banner, new colour: at 3 of 3 it flips from pale to dark navy and the bar goes orange, while the files stay fully usable below. Captured 22 October 2026 · DesktopExplore reference ↗

AI products put the empty state inside the prompt itself. Runway caps its prompt card with "You've run out of credits. Upgrade to keep creating with Runway." Taskade goes further and gives the user three exits plus a fourth way out:

Taskade: card under the prompt reading You're out of AI credits with Upgrade Plan, Buy $5 credits, Try Again and Ignore
"Your work is saved" comes first, then Upgrade Plan, Buy $5 credits, Try Again and Ignore. The header pill reads "0 credits" next to a black Upgrade button. Captured 21 October 2026 · DesktopExplore reference ↗

For how these limits look once they become a full-screen gate, compare the usage-limit paywalls on our Paywalls wall.

Trial countdowns: 14 days, in the corner

15 products show a running trial on the dashboard, and 8 of them were at 14 days when we captured them: Deepnote ("14 days left in your Team trial"), Grafana, Fibery, GitBook, Wrike, Zapier, ToolJet and UXPin. The others: Plasmic "Trial · 15 days left", Plane "Business trial ends in 13d", Clockify "7 days left in trial", Smartsheet and Sanity at 30 days, Toggl's "Upgrade 31 DAYS", and Hotjar's home (now branded Contentsquare), where a "Growth 15-day trial" waits until you install the tag.

Most are small: a header pill (Wrike, ToolJet) or a line at the sidebar foot (Plane; Fibery with an orange "Add billing" button). A few take a full-width banner: Smartsheet ("Upgrade now to keep managing your projects"), GitBook, and Zapier, which turns the countdown into an offer.

Zapier: lilac banner with 14 TRIAL DAYS LEFT and Get $15 off your first month of Pro above the Copilot prompt
The day count is a boxed numeral, and the banner pairs it with a concrete discount ("Get $15 off your first month of Pro") and a "Claim discount" button. Captured 2 October 2026 · DesktopExplore reference ↗

Wrike adds a game to the trial. Its "14 trial days left" pill sits next to Add widget, and the sidebar's Quick start card says "Complete them all to get 1 month free!" with a progress bar (20% on our first capture). It is the only dashboard in the set that pays the user in trial time for finishing onboarding.

Wrike: My dashboard with a green 14 trial days left pill beside Add widget and three KPI cards
The trial pill uses the same green as Add widget, so it reads as part of the toolbar. The "1 month free" quick-start card is at the sidebar foot in the full screenshot. Captured 21 October 2026 · DesktopExplore reference ↗

Urgency on first arrival

Seven products push a timed or limited offer on the dashboard, Runway and Zapier among them. Krea is the most aggressive: on first arrival it stacks two countdowns, an "ENDS IN 18H 55M 07S" banner for "Unlimited Krea 3 for 14 days" and a popover saying "Your reserved welcome discount ends in 00h 57m 41s" for "50% off for your first year of Pro", while the sidebar's Pricing link carries a "40% off yearly" tag.

Krea: two countdowns on the home screen, a top banner ending in 18 hours and a welcome-discount popover ending in 57 minutes
Two clocks with different deadlines on one screen. Neither is the product's main action; the Krea 3 hero sits underneath. Captured 22 October 2026 · DesktopExplore reference ↗

Jotform's empty workspace opens under a "TODAY ONLY! SAVE 50%" strip with "Offer expires in 23h : 51m : 34s". Medium runs a yellow "Welcome Offer" strip, "Access to everything. Now 30% off.", with no clock. Make's offer is boxed by account age ("within your first 30 days"). Kapwing's version is a loss instead of a discount: free-plan project thumbnails carry a "Deletion in … days" badge next to the sidebar's Upgrade card.

For full-screen versions of these, browse trial-offer paywalls and ambient upgrade prompts.

What to steal

How we counted

Screens were captured in desktop browsers with research accounts in September and October 2026, mostly on free plans or fresh trials; paid accounts would look different. A vision model recorded each screen's attributes (checkable on each screen's page), but no facet covers monetisation, so we checked all 256 tagged screenshots by eye. A screen counts if it visibly shows a meter (credit balance, quota or usage counter), a trial countdown or status, a timed offer or deletion countdown, or an upgrade button, plan link or padlocked feature. A plan label alone ("Free plan") does not count, and neither does "Book a demo". Six feed entries without a screenshot are excluded. We record what we saw, not A/B results, so none of this says which version converts better.

Want these as references while you build? Connect the Screenrove MCP server and ask your agent for "dashboards with a usage meter at the limit" or "trial countdown banners on SaaS home screens".