Graphene Dashboard Lens
A logistics-focused dashboard overview component with a dark tech aesthetic.
Features
- 4 KPI metric cards with trend indicators and percentage changes
- Active shipments table with carrier, route, status, ETA, and weight columns
- Route performance sidebar with progress bars and corridor metrics
- IBM Plex Mono headers for a technical, data-driven feel
- Neon green accent system for dark mode visibility
- Responsive grid layout (1 col mobile → 4 col desktop)
- Full dark mode support with WCAG AA contrast
Dependencies
- lucide-react
- Shadcn: Badge, Button, Card, Separator
Customization
- Replace
kpiCards, recentShipments, and routeMetrics arrays with live data
- Adjust emerald/green accent colors to match your brand
- Extend the shipments table with additional columns (e.g., priority, cost)
