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>
94 lines
3.7 KiB
HTML
94 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>iLED Admin — K-design mocks</title>
|
|
<link rel="stylesheet" href="assets/admin-k.css" />
|
|
</head>
|
|
<body>
|
|
<div class="gallery">
|
|
<div class="login-brand" style="margin-bottom: 12px">
|
|
<span class="mark" style="width: 32px; height: 32px; border-radius: 8px; background: var(--accent); display: grid; place-items: center"><svg class="ico" style="width:16px;height:16px" aria-hidden="true"><use href="#i-bulb"></use></svg></span>
|
|
iLED Admin · Phase 1 mocks
|
|
</div>
|
|
<h1>K-design mock gallery</h1>
|
|
<p class="gallery-lead">
|
|
Korean SaaS aesthetic — airy surfaces, refined tables, iLED yellow used sparingly.
|
|
Open any screen below. Dashboard state demos:
|
|
<a href="02-dashboard.html?empty=1">empty</a> ·
|
|
<a href="02-dashboard.html?loading=1">loading</a>.
|
|
</p>
|
|
|
|
<div class="gallery-grid">
|
|
<a class="gallery-card" href="01-login.html">
|
|
<span class="num">01</span>
|
|
<h2>Login</h2>
|
|
<p>Centered auth card with error state.</p>
|
|
</a>
|
|
<a class="gallery-card" href="02-dashboard.html">
|
|
<span class="num">02</span>
|
|
<h2>Dashboard</h2>
|
|
<p>Alerts, KPIs, order queue, low stock, chart.</p>
|
|
</a>
|
|
<a class="gallery-card" href="03-products.html">
|
|
<span class="num">03</span>
|
|
<h2>Products</h2>
|
|
<p>Dense catalog table, warehouses & groups tabs.</p>
|
|
</a>
|
|
<a class="gallery-card" href="04-product-form.html">
|
|
<span class="num">04</span>
|
|
<h2>Product form</h2>
|
|
<p>Sectioned editor: basics, locales, media, stock.</p>
|
|
</a>
|
|
<a class="gallery-card" href="05-orders.html">
|
|
<span class="num">05</span>
|
|
<h2>Orders</h2>
|
|
<p>List + pick-list fulfillment mode.</p>
|
|
</a>
|
|
<a class="gallery-card" href="06-order-detail.html">
|
|
<span class="num">06</span>
|
|
<h2>Order detail</h2>
|
|
<p>Timeline, shipping, pick, notes, invoice.</p>
|
|
</a>
|
|
<a class="gallery-card" href="07-promotions.html">
|
|
<span class="num">07</span>
|
|
<h2>Promotions</h2>
|
|
<p>Campaigns, codes, redemption summary.</p>
|
|
</a>
|
|
<a class="gallery-card" href="08-newsletter.html">
|
|
<span class="num">08</span>
|
|
<h2>Newsletter</h2>
|
|
<p>Composer, preview, subscribers, campaigns.</p>
|
|
</a>
|
|
<a class="gallery-card" href="09-reviews.html">
|
|
<span class="num">09</span>
|
|
<h2>Reviews</h2>
|
|
<p>Queue-first moderation with reply.</p>
|
|
</a>
|
|
<a class="gallery-card" href="10-customers.html">
|
|
<span class="num">10</span>
|
|
<h2>Customers <span class="new">NEW</span></h2>
|
|
<p>CRM list + customer detail panel.</p>
|
|
</a>
|
|
<a class="gallery-card" href="11-categories.html">
|
|
<span class="num">11</span>
|
|
<h2>Categories <span class="new">NEW</span></h2>
|
|
<p>Catalog structure with edit drawer.</p>
|
|
</a>
|
|
<a class="gallery-card" href="12-inventory.html">
|
|
<span class="num">12</span>
|
|
<h2>Inventory <span class="new">NEW</span></h2>
|
|
<p>Low-stock alerts & warehouse matrix.</p>
|
|
</a>
|
|
<a class="gallery-card" href="13-settings.html">
|
|
<span class="num">13</span>
|
|
<h2>Settings <span class="new">NEW</span></h2>
|
|
<p>Store, thresholds, shipping, email.</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<script src="assets/admin-k.js"></script>
|
|
</body>
|
|
</html>
|