SaaS Dashboard Design Blueprint

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.