About this dashboard
An analytical dashboard providing insights into MRR, growth, churn, and net retention for SaaS businesses.
KPIs tracked
Charts
Strategic insights
Design recommendations
Color Palette Strategy
HighUtilize the sage-terracotta palette effectively: Apply sage for the dashboard background and headers, terracotta for key metrics, and muted colors for secondary elements. Ensure a 4.5:1 contrast ratio for all text to enhance readability.
Layout & Grid System
HighImplement a 12-column grid system for a 16:9 ratio layout. Place KPI cards at the top for immediate visibility, scatter plots and multi-line charts in the middle for analysis, and the comparison table at the bottom for detailed insights. Maintain a 16-24px padding and 16-20px gaps between cards.
Typography Hierarchy
MediumUse a consistent typography hierarchy: Dashboard title at 24-28px bold, section headers at 18-20px semi-bold, KPI card titles at 14-16px medium, and body text at 12-14px regular. Stick to a single font family like 'Inter' for clarity.
Data Visualization UX
HighAdopt scatter plots for demonstrating relationships between churn and growth metrics. Multi-line charts will effectively show trends over time. Ensure colors in charts are limited to 5-7 distinct shades for clarity, and include tooltips for additional context.
Visual Hierarchy & Focus
MediumCreate a clear visual hierarchy by using larger, bolder elements for key metrics like MRR. Use whitespace effectively to separate sections, and apply conditional formatting to highlight anomalies in churn rates or retention metrics.
Interaction & Feedback
LowEnsure interactive elements have hover states with a subtle opacity change (0.8). Use loading skeletons during data refreshes and provide visual feedback on filter selections. Consider implementing drill-through features for deeper data exploration.







