AI Analytics Platform for Your Whole Team | Hex
Bento Grid
← All examples
“Create the analytics dashboard for Wavecast, a podcast hosting platform, with realistic placeholder data.”
The agent invented Wavecast - Podcast analytics for people who actually read the numbers.
- pure + inspo
- dark mode
- 3+ MCP calls · 5 sites studied
- 8.7 / 10
The charts are real drawings, not screenshots: an SVG download curve with a dotted episode-release marker and a shaded comparison series behind it, a retention curve that visibly dips at 24:00 with a callout explaining the mid-roll drop, and a listening-apps breakdown as proportional bars. The dashboard argues a point - 'a record month' - instead of just displaying figures.
AI Analytics Platform for Your Whole Team | Hex - The primary dashboard reference. Set the shape of the whole application: a persistent left rail with grouped navigation, a dense header strip carrying the range switcher, and panels that hold charts rather than marketing copy.
Mintlify - The Intelligent Knowledge Platform - Dark product-surface reference. Informed the panel treatment - a one-step-raised fill, a hairline border, and no shadow at all.
Agentic Financial Crime Platform for Fraud Prevention & AML - Fintech-dashboard exemplar. Contributed the KPI convention of an oversized figure with a small signed delta beside it, and the comparison line in muted type below.
AI Data Preparation and Migration Software | Flatfile - Returned in the analytics search. Reinforced the practice of colour-coding a single series and leaving every other line neutral.
TigerBeetle - Dark technical reference with a warm accent, sitting close to Wavecast's orange. Confirmed the single-accent-on-near-black discipline.
recommendAnalytics dashboard for Wavecast, a podcast hosting platform
Opened the build and returned the dark product-surface cohort plus a macrostructure pick, orienting the page as an application rather than a marketing site.
search_screensproduct analytics dashboard app UI dark charts
Pulled the real dashboard set (Hex, Mintlify, Flatfile) that defined the rail, the header strip and the panel grid.
search_screensanalytics dashboard dark data charts SaaS
Second pass for chart treatments specifically; produced the muted-comparison-series convention and the sparkline-inside-a-KPI pattern.
--bg#0a0a0dNear-black application ground, the base every dashboard reference in the set converged on.--panel#111116Panel fill, exactly one step off the ground. Depth comes from the border, not from a shadow.--accent#f0703aSignal orange: the live series, the headline emphasis, the share button and the release marker. Everything else stays neutral so this reads as data.--green#7fd6a0Positive delta colour on the KPI rows, used only where a number moved up.--danger#e0566aNegative delta and the retention dip marker at the mid-roll break.--muted#8d8d9bAxis labels, table meta and the rail's section headings, the type layer that must recede.