Ship K-design admin with multi-channel support and polish.

Replace placeholder admin pages with the design system, add analytics/customers/categories/inventory/settings, channel pricing and order sources, plus skeleton loaders and clean motion. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-10-17 13:46:21 +02:00
1 parent 1890b50e0d
commit da85370936
@@ -0,0 +1,45 @@
+# iLED Admin — K-design mocks (Phase 1)
+
+Interactive HTML mocks for the admin redesign. No build step.
+
+## Open
+
+1. Open [`index.html`](index.html) in a browser, or
+2. From repo root: `start design/admin/index.html` (Windows)
+
+Shared assets: [`assets/admin-k.css`](assets/admin-k.css), [`assets/admin-k.js`](assets/admin-k.js).
+
+## Screens
+
+| File | Purpose |
+|------|---------|
+| `01-login.html` | Auth |
+| `02-dashboard.html` | Action center (alerts, queues, KPIs) |
+| `14-analytics.html` | Sales analytics (Angular `/analytics`) |
+| `03-products.html` | Catalog + warehouses + groups |
+| `04-product-form.html` | Sectioned product editor |
+| `05-orders.html` | Order list + pick list |
+| `06-order-detail.html` | Fulfillment detail |
+| `07-promotions.html` | Campaigns & codes |
+| `08-newsletter.html` | Composer / subscribers / campaigns |
+| `09-reviews.html` | Moderation queue |
+| `10-customers.html` | Customer CRM (new) |
+| `11-categories.html` | Category tree (new) |
+| `12-inventory.html` | Low stock & warehouse matrix (new) |
+| `13-settings.html` | Store settings (new) |
+
+Shell reference: [`shell.html`](shell.html).
+
+## Visual direction
+
+- Cool gray background, white surfaces, hairline borders
+- Accent `#FFBC39` only on CTAs, active nav, key alerts
+- Dense tables, calm Inter scale for admin density
+- Clean stroke SVG icons (sprite in `admin-k.js`)
+
+## Ops extras (mock)
+
+- **Bulk actions** on Orders: select rows → Collect / pick, Generate invoices, Generate labels
+- **Multi-admin**: topbar shows signed-in admin; “Handled by” on lists; activity log on order detail; Team in Settings
+- **Motion**: staggered page reveal, card lift, bulk-bar slide (respects `prefers-reduced-motion`)
+- **Charts**: Chart.js animated bar chart on Dashboard (`cdn.jsdelivr.net` + `#ordersChart`)