Danh mục trang demo
Bản tĩnh để duyệt thiết kế Template 5 (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
- Sidebar trái sát mép nền tối (menu lồng 3 cấp) + topbar có viền + vùng nội dung gọn, mật độ thông tin cao
- Màu
- Xám trung tính, sidebar tối pha sắc độ của màu admin chọn; bo góc nhỏ 6–8px, thẻ phẳng viền mảnh, không đổ bóng. Màu nhấn theo
--primary-h/s/l - Font
- IBM Plex Sans (kỹ thuật, rõ ràng, hỗ trợ tiếng Việt) · IBM Plex 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")