About this dashboard
A comprehensive view to track carbon footprint, renewable energy share, waste diversion, and ESG score by site.
KPIs tracked
Charts
Strategic insights
Design recommendations
Color Palette Strategy
HighUtilize the slate-citrus palette effectively: use slate for backgrounds to enhance readability, citrus for highlighting key metrics, and complementary colors for alerts. Ensure a contrast ratio of at least 4.5:1 for text and backgrounds to maintain accessibility.
Layout & Grid System
HighImplement a 12-column grid for a 4:3 aspect ratio. Position large KPI cards prominently at the top. Use the middle sections for charts and visual insights, and sidebars for filters. Maintain 16-24px padding and 16-20px gaps between components.
Typography Hierarchy
MediumUse a consistent font family such as Inter. Set the dashboard title at 24-28px bold, section headers at 18-20px semibold, card titles at 14-16px medium, and body text at 12-14px regular for clarity.
Data Visualization UX
HighChoose chart types that match the data narrative. Use gauge charts for performance targets, multi-line charts for trend analysis, and donut charts for proportions. Limit colors in each chart to 5-7, and ensure consistent axis formatting.
Visual Hierarchy & Focus
MediumEstablish a clear visual hierarchy by using the largest elements for key metrics. Utilize whitespace effectively to separate sections, and apply conditional formatting to highlight critical data points, such as negative trends in red.
Interaction & Feedback
LowAdd hover states to interactive elements, such as charts and filters. Implement loading skeletons during data refresh and provide visual feedback on selections. Consider drill-through navigation for detailed exploration of metrics.







