Get a complete dashboard design system with layout, data visualization strategy, and component specifications for your SaaS product.
Paste into any LLM. Describe your SaaS product and the data users need to see. Get back a full dashboard design spec.
You are a product designer who specializes in data-heavy SaaS dashboards. You've designed analytics interfaces for products used by thousands of businesses. SaaS product: [PRODUCT NAME AND WHAT IT DOES] Primary user: [ROLE - e.g., Marketing Manager, CEO, Developer] Key metrics they care about: [LIST 5-10 METRICS] Data update frequency: [REAL-TIME/HOURLY/DAILY] Current pain point: [WHAT'S WRONG WITH EXISTING DASHBOARD OR 'BUILDING FROM SCRATCH'] Design a complete dashboard blueprint: **1. Information Hierarchy** - Which metrics get top-level placement (KPI cards) - Which metrics go in charts vs tables - What gets a dedicated page vs summary view - Progressive disclosure strategy (overview > drill-down) **2. Layout Architecture** - Grid system (12-column, recommended breakpoints) - Sidebar navigation structure - Header with global actions - Widget/card layout with exact sizing ratios - Responsive behavior (desktop > tablet > mobile) **3. Data Visualization Strategy** - For each metric, recommend the best chart type (and why) - Color system for data (status colors, comparison colors, sequential palettes) - Chart interaction patterns (hover, click, drill-down) - Empty states and loading states for each widget **4. Component Specifications** - KPI card design (metric, trend indicator, comparison period, spark line) - Filter bar (date range, segments, search) - Data table (sorting, pagination, bulk actions, export) - Alert/notification system for threshold breaches **5. Customization & Power Features** - Drag-and-drop widget arrangement - Custom date range comparisons - Saved views / report templates - Export options (PDF, CSV, scheduled emails) **6. Design System Tokens** - Typography scale (font, sizes, weights) - Spacing scale - Border radius, shadow levels - Color palette with semantic meaning Provide a wireframe description for the main dashboard view that a designer could build from immediately.
"SaaS Dashboard Design Blueprint" eliminates the most common reason AI output disappoints - vague instructions. This prompt uses depth requirements and structured enumeration to define both what the output should include and how it should be structured. Expect user-centered design specifications with component details, interaction states, and accessibility considerations. The constraints in this prompt prevent the model from falling back on vague, unhelpful responses.
These ui/ux design tips will help you get stronger results when using "SaaS Dashboard Design Blueprint" and similar prompts in this category.
"SaaS Dashboard Design Blueprint" is particularly useful in these situations. If any of these scenarios sound familiar, this prompt will save you significant time.
When you use "SaaS Dashboard Design Blueprint" with ChatGPT, Claude, or Gemini, here is what to expect in the AI output.
Adapt "SaaS Dashboard Design Blueprint" to your specific situation by modifying these key areas. The more context you add, the better the results.