Dashboard
The top of a dashboard, with a title, date range presets, a compare switch, filter tags and an export menu, and a grid of cards people move, resize and remove, saved for one person or a whole team.
The frame around a dashboard's cards: the header that sets the range and filters, and the grid people arrange.
Dashboard Header: Full Header
The range and the comparison read as a sentence under the title, with each filter as a removable tag.
Overview
Showing , Aug 27 – Sep 25, compared with Jul 28 – Aug 26.
- Region:Europe
- Plan:Pro
Dashboard Header: Compact
The date range as part of the title, with the exact dates under it and export beside it.
Revenue
Sep 19 – 25
Dashboard Header: Segmented Presets
Date range presets as a segmented control, with a compare switch and a filter tag.
Acquisition
Sep 19 – 25
- Channel:Paid search
Dashboard Header: Last Updated
A description, the time of the last update and a refresh button, beside the date range and export.
Subscriptions
4,812 subscriptions across every plan, bringing in $96,240 a month.
Dashboard Grid, Pro
Six cards from the free KPI and Leaderboard blocks that people move, resize and remove, with the layout saved.
Command Menu
A search dialog for pages, actions and records, opened from a button or ⌘K, one that also answers questions, and a full results page with counted facets. Built on shadcn Command.
Emails
Sign-in codes, welcomes, invites, receipts, failed payments, trial endings, usage alerts and a weekly digest, built with React Email in your app's colours.