Rafał MiczekandCursor
da85370936
continuous-integration/drone/push Build is passing
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>
iLED Admin — K-design mocks (Phase 1)
Interactive HTML mocks for the admin redesign. No build step.
Open
- Open
index.htmlin a browser, or - From repo root:
start design/admin/index.html(Windows)
Shared assets: assets/admin-k.css, 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.
Visual direction
- Cool gray background, white surfaces, hairline borders
- Accent
#FFBC39only 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)