Ferric Logistics Dashboard
A utilitarian logistics dashboard designed for fleet management and shipment tracking.
Features
- 4 KPI stat cards with trend indicators (up/down arrows and percentage changes)
- Recent shipments table with 5 rows: shipment ID, origin, destination, status badge, and ETA
- Status badges with distinct colors: In Transit (steel blue), Delivered (green), Delayed (red), Processing (amber)
- Monospace typography for numbers, IDs, and dates for a command-center feel
- Steel blue (#3B6B9C) accents on dark graphite (#1A1A2E) dark background
- Light mode: cool gray (#F8FAFC) background with steel blue accents
- Responsive grid layout that stacks on mobile
- Hover states on table rows
- WCAG AA compliant color contrast
Usage
import RegistryItem from './registry-item';
export default function DashboardPage() {
return <RegistryItem />;
}
Customization
- Update the
stats array with real-time logistics KPIs from your API
- Modify the
shipments array to pull from your shipment tracking system
- Adjust status colors and labels to match your workflow states
- Add pagination or infinite scroll for the shipments table
- Integrate with a charting library for trend visualization
