Hệ thống thiết kếGiai đoạn 1

Thư viện thành phần

Màu, chữ và thành phần giao diện dùng chung cho khu toàn chuỗi và khu chi nhánh.

Chỉ số mẫu

Thẻ KPI · 23/10/2026 · giờ Việt Nam

Dữ liệu minh họa · 3 chi nhánh

Doanh thu phòng

+12,8%

154.000.000 ₫

Doanh thu thuần từ lưu trú

So với cùng ngày tuần trước

Công suất phòng

+6,2 đ.%

84,6%

88 / 104 phòng khả dụng

Tính theo tổng phòng toàn chuỗi

Giá phòng bình quân

+8,4%

1.750.000 ₫

Doanh thu phòng / phòng đã bán

Không gộp doanh thu dịch vụ

Doanh thu trên mỗi phòng

+15,1%

1.480.769 ₫

Doanh thu phòng / phòng khả dụng

Làm tròn đến đồng khi hiển thị

Doanh thu phòng

7 ngày gần nhất · Mẫu biểu đồ

Kỳ này
Xem bảng số liệu biểu đồ
Doanh thu phòng theo ngày, đơn vị đồng
NgàyKỳ nàyKỳ trước
17/1068.400.000 ₫59.200.000 ₫
18/1082.300.000 ₫67.800.000 ₫
19/1076.100.000 ₫64.100.000 ₫
20/10108.600.000 ₫81.500.000 ₫
21/1098.400.000 ₫74.200.000 ₫
22/10128.700.000 ₫92.400.000 ₫
23/10154.000.000 ₫103.000.000 ₫

So sánh chi nhánh

Xếp theo doanh thu phòng trong ngày

1

The Heritage

Hà Nội

64.000.000 ₫

Công suất 90,0%

2

Ocean House

Đà Nẵng

54.000.000 ₫

Công suất 87,5%

3

The Pines

Đà Lạt

36.000.000 ₫

Công suất 75,0%

KPI minh họa cùng một phạm vi dữ liệu.

Bảng dữ liệu

Thử lọc, sắp xếp hoặc mở chi tiết khách lưu trú.

Danh sách dữ liệu. Chọn tiêu đề cột để thay đổi thứ tự sắp xếp.
Chi tiết
Hà Nội · The HeritageHN 501Heritage Suite3 đêmĐến 23/10/2026Có khách10.500.000 ₫
Đà Nẵng · Ocean HouseĐN 302Ocean Deluxe1 đêmĐến 22/10/2026Sắp trả2.200.000 ₫
Đà Lạt · The PinesĐL 208Pine View2 đêmĐến 24/10/2026Trống3.600.000 ₫
Hà Nội · The HeritageHN 403Premium King2 đêmĐến 23/10/2026Đang dọn4.800.000 ₫
Đà Nẵng · Ocean HouseĐN 601Ocean Suite4 đêmĐến 21/10/2026Có khách15.200.000 ₫

Hiển thị 1–5 trong 8 kết quả

Bộ lọc này chỉ trình diễn giao diện; kiểm soát truy cập theo chi nhánh được triển khai ở GĐ 3.

Màu sắc và chữ

Nền xám nhạt, thẻ trắng, một màu thương hiệu cho hành động chính. Vàng chỉ dùng cho logo.

Nền trang

--background

Tối #0E1116 / Sáng #F6F7F9

Thẻ

--surface

Tối #161A21 / Sáng #FFFFFF

Nền phụ

--surface-raised

Tối #1F242D / Sáng #F1F3F6

Màu thương hiệu

--primary

Tối #2DD4BF / Sáng #0F766E

Chữ chính

--foreground

Tối #F3F4F6 / Sáng #111827

Chữ phụ

--muted-foreground

Tối #A8AFBA / Sáng #4B5563

Inter · mọi chữ giao diện

Tiêu đề trang 22px

1.750.000 ₫

Số liệu KPI 30px, chữ số đều

Chữ nội dung 14px. Bảng 13–14px. Nhãn nhỏ nhất 12px chỉ cho chú thích phụ.

Trạng thái phòng

Nền nhạt, viền và chữ đậm; luôn có icon và nhãn.

TrốngCó kháchSắp trảĐang dọnBảo trì

Phòng mẫu 101

Trống

Phòng mẫu 102

Có khách

Phòng mẫu 103

Sắp trả

Phòng mẫu 104

Đang dọn

Phòng mẫu 105

Bảo trì

Khoảng cách

4 · 8 · 12 · 16 · 24 · 32 px

Bo góc

8 px nút · 10 px thẻ · huy hiệu dạng viên

Chuyển động

150–250 ms · Theo tùy chọn giảm chuyển động

Biểu đồ

Đường chính màu thương hiệu, kỳ trước xám nét đứt

Thành phần

Nút và thông báo

Nút bấm, phản hồi và trạng thái chờ

Hạng VàngĐã đặt cọcTrực tiếpCần kiểm tra

Chưa có dữ liệu

Khi danh sách trống, luôn có một bước tiếp theo rõ ràng.