SaaS Dashboard

SaaS Dashboard — Minimal Dark

Forces AI to generate a clean, data-dense dashboard with sidebar nav, metric cards, and a data table. No gradients, no gimmicks.

Compatible with:

cursorv0lovableclaude

Create a minimal dark SaaS dashboard with the following requirements:

LAYOUT:
- Fixed sidebar navigation on the left (240px width)
- Top header bar with search and user profile
- Main content area with metric cards and data table
- Use a dark color scheme (#1a1a1a background, #2d2d2d cards)

COMPONENTS:
1. Sidebar: Logo at top, navigation links with icons, logout at bottom
2. Metric Cards: 4 cards in a row showing KPIs (Revenue, Users, Conversion, Growth)
   - Large number display
   - Small percentage change indicator
   - Subtle icon
3. Data Table: Clean table with alternating row colors
   - Sortable columns
   - Action buttons on each row
   - Pagination at bottom

STYLING:
- Use sharp corners, no rounded borders
- Monospace font for numbers
- Subtle hover states
- High contrast for readability
- No shadows, flat design

COLORS:
- Background: #1a1a1a
- Cards: #2d2d2d
- Text: #ffffff
- Accent: #3b82f6 (blue)
- Success: #10b981 (green)
- Borders: #404040

How to Use

1Click the "Copy Prompt" button above
2Open your AI tool (Cursor, v0, Lovable, ChatGPT, or Claude)
3Paste the prompt and let the AI generate your UI
4Customize the output to match your brand and content

💡 Tips

Swap out the metric card labels to match your product. Works best in v0 and Cursor. Add your own data structure for the table.

Related Prompts

SaaS Dashboard

Admin Panel — CRUD Interface

Full-featured admin panel with data table, create/edit forms, filters, and bulk actions.

SaaS Dashboard

User Settings Page

Comprehensive settings page with profile, account, notifications, security, and billing sections.