Danh mục trang demo
Bản tĩnh để duyệt thiết kế Template 4 (FEAT-23, đợt D). Dữ liệu giả lập — không kết nối hệ thống thật.
Thử màu chủ đạo như admin chọn
Dùng thanh "Demo · Màu" góc trái dưới: chọn màu có sẵn hoặc màu tuỳ ý, bấm để đổi sáng/tối. Màu quá sáng sẽ tự làm đậm cho chữ trắng trên nút đọc rõ (giống bản thật). Thanh này chỉ có trong demo.
Xác thực
Cổng khách hàng
Định hướng thiết kế
- Bố cục
- Giữ đúng khung hiện tại: sidebar trái cố định (menu lồng 3 cấp) + topbar + vùng nội dung có tiêu đề/breadcrumb + footer
- Màu
- Xám trung tính pha nhẹ sắc độ của màu admin chọn; nút/tab/ô nhập dạng viên thuốc, thẻ bo tròn, bóng đổ mềm. Màu nhấn theo
--primary-h/s/l - Font
- Nunito (đầu chữ tròn, hỗ trợ tiếng Việt) · JetBrains Mono (IP, mật khẩu, mã)
- Sáng / tối
- Có, theo cài đặt hệ điều hành nếu khách chưa chọn
- Điện thoại
- Sidebar trượt ra từ bên trái (nút ☰ ở topbar) — xem thử: mở sidebar kiểu điện thoại (thu nhỏ cửa sổ < 992px)
- Modal xác nhận
- Theo AGENTS.md mục 6 (khoá nút, spinner, thông báo đầu modal, nút "Hoàn thành")