EXMI trade
Design a modern, professional exporter analytics dashboard web page. Context: This page is for an export intelligence platform showing HS code–wise export performance for a company. Layout Requirements: 1. Top Header - Page title: "Exporter Dashboard" - Company name displayed clearly - User profile avatar on the right - Clean, minimal navbar with icons 2. Company Snapshot Section - Compact horizontal card layout - Show key info as small metric cards: - IEC Number - Exporter Domain - Onboarding Date - Total Active HS Codes - Use icons and subtle background colors - Option to expand for full profile details 3. Export Performance Summary (Key Metrics) - 4 KPI cards with icons: - Total Historical Export Value (₹ in Crores) - Top Performing HS Code - Number of HS Codes - Latest Export Activity - Bold numbers, soft shadows, rounded corners 4. HS Code Performance Table - Modern data table with: - HS Code (clickable) - Historical Export Value (highlighted) - Quarter / Year data shown via toggle - Hide NIL values by default - Include search, filter, sort, and export buttons - Use row progress bars to visualize export value comparison 5. Visual Analytics Section - Bar chart: Top 5 HS Codes by export value - Donut chart: Export value distribution by HS Code - Clean legends and tooltips Design Style: - Corporate fintech / trade analytics look - Primary color: deep blue - Neutral background (light grey / white) - Plenty of white space - Modern typography (Inter / Roboto / Poppins) - Responsive desktop-first layout UX Goals: - Make insights understandable in under 5 seconds - Highlight important numbers visually - Reduce clutter from zero or NIL data - Feel premium, trustworthy, and data-driven