✦ Sellyra — Design Review Hub

Mockup HTML/CSS thuần · Palette "Midnight Gold" (chốt 260714) · Space Grotesk + Inter · Web = bản đầy đủ, Mobile = tác vụ hiện trường. Click card để mở màn hình thật.

13 màn hình Web5 màn hình Mobile tokens.css dùng chungTiếng Việt + dữ liệu mẫu thật

🖥 Web — Desktop Dashboard (bản đầy đủ)

Sidebar midnight + gold · bảng mật độ cao · trọng tâm Phase 1: Channel Listing (4 màn) + Đơn hàng + Billing. Tồn kho & Master Catalog là phase sau.

KPI + sparklines, chart 7 ngày, sync status kênh, checklist onboarding, sự cố cần chú ý

Rail trạng thái canonical (có Trả hàng & hoàn tiền), SLA countdown, bulk actions bar, filter kênh/kho/ngày

Chi tiết đơn ★

State-machine timeline ngang (signature), event log append-only, panel kênh/thanh toán/vận đơn

Sản phẩm online ★

Listing trên sàn theo gian hàng, sửa nhanh giá/tồn optimistic (sàn từ chối → tự revert), cột chẩn đoán chất lượng nội dung

Thêm / sửa sản phẩm

Form đầy đủ theo danh mục sàn, banner đồng bộ-trước-khi-sửa + cảnh báo conflict, bảng phân loại, auto-save nháp

Nháp → Đang đẩy → Đã đẩy / Đẩy thất bại; lý do sàn từ chối hiện ngay dưới sản phẩm, đẩy lại giữ nguyên nội dung

Sửa hàng loạt & Excel ★

Công thức giá =X/±X/±X% + làm tròn, job nhập/xuất chạy nền, báo lỗi từng dòng — không giới hạn 1.000 SP như BigSeller

Hồ sơ tổ chức, thành viên & ma trận phân quyền, cấu hình in vận đơn / quét mã, ma trận thông báo

Đăng nhập & Onboarding

Đăng nhập / đăng ký / quên mật khẩu / nhận lời mời vào tổ chức (Better Auth)

Tồn kho PHASE SAU

Ngoài phạm vi Phase 1 (kho dormant, chốt 260718) — giữ lại làm bản demo tầm nhìn

Lịch lấy hàng theo carrier (GHN/GHTK/SPX/J&T), in nhãn A6 hàng loạt, giao lại đơn fail

Shop cards + token health, last-sync theo loại dữ liệu, OAuth modal, Lazada "Sắp ra mắt"

Gói cước & Hóa đơn ★

Graduated-pricing meter (signature), best-price badge, adjustment âm, SePay/VietQR

📱 Mobile — Companion App (tác vụ đơn giản)

Bottom tabs + nút quét amber nổi (signature) · KPI hero midnight · icon-grid launcher kiểu BigSeller

Hero "Hôm nay" midnight + gold, strip kênh, icon-grid: Đơn hàng / Tồn kho / Khác

Search + scan, tab trạng thái cuộn ngang, order cards + hạn xử lý, FAB quét mã

Chi tiết đơn

Máy trạng thái BigSeller: Chờ in tải phiếu PDF + xác nhận đã in, nút Giao hàng, Tạm giữ/Hủy/Trả hàng

Viewfinder + scan-line animation (signature), mode Kiểm đơn/Giao hàng/Kiểm kho

Profile + gói cước, usage mini-card kỳ này, settings rows