About this dashboard
Operational insights into revenue trends and growth drivers for a global football merchandise retailer.
KPIs tracked
Charts
Strategic insights
Design recommendations
Color Palette Strategy
HighUtilize the custom color palette effectively: Primary (#14570c) for backgrounds and headers, Secondary (#cc0910) for key metrics, and Accent (#000000) for secondary elements. Ensure a contrast ratio of 4.5:1 for accessibility throughout the dashboard.
Layout & Grid System
HighImplement a 12-column grid layout with a 4:3 aspect ratio. Place KPIs at the top for immediate visibility, followed by charts in the middle sections for detailed analysis. Maintain 16px padding and 20px gaps between cards for a clean look.
Typography Hierarchy
MediumEstablish a clear typography hierarchy: Dashboard title at 28px bold, section headers at 20px semi-bold, card titles at 16px medium, body text at 14px regular, and captions at 12px. Use a single font family like Inter for consistency.
Data Visualization UX
HighSelect chart types that align with the data's narrative: use a Geographic Map for regional sales distribution, a Gauge for performance against targets, and an Activity Feed for real-time updates. Limit colors to 5-7 per chart and ensure clear axis formatting.
Visual Hierarchy & Focus
MediumCreate a clear visual hierarchy by using larger/bolder elements for the most important metrics. Use whitespace effectively to separate sections and add subtle borders to cards for depth. Highlight anomalies with conditional formatting (green for positive, red for negative).
Interaction & Feedback
LowIncorporate hover states on interactive elements for better user experience (e.g., opacity changes to 0.8). Use loading indicators during data refresh and provide visual feedback on filter selections to enhance navigation.







