Analytics Dashboard

Complex

Sidebar nav, stat cards, charts, deploy table

Shared Prompt

Create a full-screen analytics dashboard for a fictional dev tool called "DevOps Hub" using the Gumroad design system. Include: fixed left sidebar with nav items (Dashboard, Deployments, Incidents, Team, Settings) with pink active border, top bar with pill-shaped search and notification bell, 4 metric cards with offset pattern, fake bar chart for deploy frequency (Mon-Sun), fake line chart using CSS dots, a recent deploys table with status badges, and an incidents panel. Use cream background (#F4F4F0), no shadows, no gradients, no emojis.

Implementations (1)

Claude Opus 4.6

An analytics dashboard with charts, KPI cards, data tables, and interactive filters. Real-time feel without a backend.

dashboardanalyticschartsdata

View Demo →