Bộ thiết kế · v1.1 · 08.2026

30 mẫu website cơ sở lưu trú kèm trợ lý đặt phòng

Mỗi mẫu là một website hoàn chỉnh cho một cơ sở đơn lẻ — khách sạn, homestay, villa hoặc khu cắm trại. Mười mẫu đầu chia sẻ cùng một khung xương và khác nhau ở hệ màu, chữ và bo góc. Mười mẫu sau đổi hẳn cách tổ chức trang: modal đặt phòng, cuộn toàn màn hình, hai cột cố định, trục trò chuyện, dàn báo in, bảng giá, lưới bento, khung điện thoại, áp phích và lịch tháng. Mười mẫu mới nhất đi xa hơn về phong cách: vé tàu in typo, sơn mài và thổ cẩm, màu chọi màu, sổ dán ảnh, trục lộ trình, dòng thời gian trong ngày, thẻ lên máy bay, bưu thiếp, in riso hai màu và sổ tay dã ngoại.

30mẫu thiết kế
23 / 7giao diện sáng / tối
11khối nội dung mỗi trang
1bộ design tokens dùng chung

Nền tảng

Design tokens

Bảng màu bảy vai trò cho cả hai mươi mẫu, thang chữ có xử lý dấu tiếng Việt, thang khoảng cách 4pt, bo góc, đổ bóng, trạng thái nút và trường nhập, hai khối nội dung dùng lại, cùng cấu trúc trang chuẩn mười một bước.

Mở trang tokens

Mười mẫu phong cách đột phá · mới

21 – 30 · mỗi mẫu một cấu trúc trang riêng
21 Ticket Press Nhà Ga 34 · Hàng Bạc, Hà Nội

Vé tàu in giấy ngà: hạng phòng là cuống vé có đường răng cưa, bảng giờ giấc kẻ như biểu đồ chạy tàu.

SángRetro printBodoni
22 Lacquer Brocade Nhà Lanh · Đồng Văn, Hà Giang

Sơn mài đen đỏ và dải hoa văn thổ cẩm chạy dọc trang. Ba nếp nhà xếp so le, xen khối nghề dệt lanh.

TốiThủ công ViệtPlayfair
23 Maximal Clash Villa Sóng Ngang · Bãi Xép, Quy Nhơn

Màu chọi màu, viền đen 4px, ảnh nghiêng chồng lớp và nhãn giá dán như sticker.

SángMaximalismArchivo Black
24 Scrapbook Camp Trại Bờ Suối · Tà Nung, Đà Lạt

Ảnh polaroid dán nghiêng, băng dính washi, chữ viết tay. Lịch một ngày ở trại ghi như mẩu giấy ghim bảng.

SángScrapbookCaveat
25 Route Map Suối Ấm · Kim Bôi, Hoà Bình

Trục chính là lộ trình sáu chặng từ Hà Nội tới cổng khu nghỉ; phòng xếp theo khoảng cách tới bể khoáng.

SángLộ trìnhSpace Grotesk
26 Day Timeline Vườn Ông Sáu · Cù lao Tân Phong, Tiền Giang

Trang chạy theo giờ trong ngày, nền sáng dần rồi tối lại: 4:30 đi chợ nổi, 13:00 võng, 20:00 đờn ca.

Sáng → tốiDòng thời gianLora
27 Boarding Pass Bến 12 · Bến Đầm, Côn Đảo

Cả trang là giấy tờ đi lại: thẻ nhận phòng có cuống, hành trình bốn chặng, phòng in như thẻ hành lý.

SángBoarding passBarlow Condensed
28 Postcard Airmail Nhà Số Bảy · Nguyễn Thái Học, Hội An

Viền sọc thư hàng không, mỗi phòng là một tấm bưu thiếp có mặt ảnh và mặt viết, dấu bưu điện tròn.

SángBưu thiếpZilla Slab
29 Riso Overprint Nhà Mận · Bản Áng, Mộc Châu

In riso hai màu hồng và xanh, ảnh chồng mực, tiêu đề khổ áp phích, bảng bốn mùa nói thẳng đi tháng nào thấy gì.

SángRisographAnton
30 Field Notebook Trại Vịnh · Vịnh Lan Hạ, Cát Bà

Giấy kẻ ô như sổ tay dã ngoại: bảng thuỷ triều, giờ thuyền, danh sách trại có sẵn và thứ bạn phải tự mang.

SángSổ tay kẻ ôSpace Mono

Hai mươi mẫu

Nhấn vào thẻ để mở mẫu đầy đủ
01 Editorial Olive Homestay Thông Reo · Đà Lạt

Lưới báo chí, viền mảnh, ảnh dọc tràn nửa màn hình. Hợp với homestay nhỏ do gia đình vận hành.

SángRadius 2Bricolage
02 Swiss Signal Số Chín Hẻm Nhỏ · Quận 3, TP.HCM

Chữ hoa, viền 2px, đỏ tín hiệu. Bố cục lưới 12 cột dứt khoát cho khách sạn boutique trong phố.

SángRadius 0Archivo
03 Terracotta Slate Vịnh Nhỏ Retreat · Quy Nhơn

Bo góc lớn, ảnh phủ toàn khối, nền xám lạnh với accent đất nung. Hợp khu nghỉ ven biển.

SángRadius 16Outfit
04 Field Green Trại Bìa Rừng · Bà Rịa – Vũng Tàu

Grotesk kỹ thuật, khối tối chen giữa, bảng lịch trình theo giờ. Dành cho camping và glamping.

SángRadius 4Space Grotesk
05 Olive Brick Biệt thự Cẩm Vân · Ba Đình, Hà Nội

Danh sách hạng phòng theo hàng ngang, dòng thời gian lịch sử ngôi nhà. Hợp villa di sản.

SángRadius 6Sora
06 Blush Sand Mây Cát · Phú Quốc

Bo tròn, thanh kiểm tra phòng dạng viên thuốc, tông hồng cát. Hợp nhà nghỉ nhỏ ven biển.

SángRadius 20Manrope
07 Mono Lime TRẠM MƯỜI · Hoàn Kiếm, Hà Nội

Vuông vức, số liệu dùng chữ mono, một mảng lime duy nhất. Hợp hostel và lưu trú dài ngày.

SángRadius 0Instrument Sans
08 Forest Night Lodge Nậm Chan · Yên Bái

Nền xanh đen, ảnh hero phủ mờ, accent hổ phách. Có khối trải nghiệm đặt kèm theo khung giờ.

TốiRadius 8Sora
09 Carbon Emerald KHỐI BẢY · Quận 1, TP.HCM

Mật độ cao, đường kẻ 1px, xanh ngọc sắc. Hợp khách sạn thiết kế phục vụ khách công tác.

TốiRadius 2Archivo
10 Espresso Champagne Khách sạn Sông Hương Cũ · Huế

Chữ mảnh giãn rộng, nâu trầm và vàng đồng. Hợp khách sạn di sản và phân khúc cao cấp.

TốiRadius 4Outfit
11 Booking modal Nhà Nổi Bảy Sáu · Cần Thơ

Trang cơ sở đầy đủ, luồng đặt phòng 4 bước nằm trong modal chồng lên trang, có tính tiền và tiền cọc trực tiếp.

SángModalTương tác
12 Cinematic scroll Đá Cũ · Ninh Bình

Mỗi hạng phòng là một khung toàn màn hình, chữ khổ lớn đặt trên ảnh, không có thanh tìm phòng ở đầu trang.

TốiToàn màn hìnhSyne
13 Split screen Nhà Vườn Cầu Ngói · Huế

Cột trái cố định giữ tên và giá trị cốt lõi, cột phải cuộn qua năm mục được đánh số như mục lục.

SángCột cố địnhĐánh số mục
14 Chat first Retreat Đồi Khoai · Hoà Bình

Trợ lý không còn là nút nổi mà là một cột thường trực. Bấm câu hỏi mẫu là đổi cả hội thoại và thành phần hiện ra.

TốiCột chatTương tác
15 Magazine Nhà Trên Dốc · Sa Pa

Dàn ba cột kiểu báo in, có chữ cái đầu lớn, ảnh kèm chú thích và bài mở đầu kể về quán trọ.

SángNhiều cộtNewsreader
16 Rate sheet Nhà Trọ Bản Phủ · Điện Biên

Bảng giá là trọng tâm: bảy hạng phòng, ba mùa giá, ba mức theo số đêm, kèm bảng dịch vụ và chính sách.

SángMật độ caoĐổi mùa giá
17 Bento Nhà Đá Ong Stay · Phú Yên

Không có section truyền thống. Toàn trang là một lưới ô lệch kích cỡ, mỗi ô một mẩu thông tin.

SángLưới bentoBricolage
18 Mobile first Homestay Bến Cát · Quy Nhơn

Ba màn hình điện thoại đặt cạnh nhau: trang chủ, chi tiết hạng phòng và bước đặt cọc, thiết kế cho khổ 390px.

Sáng + tốiKhung điện thoạiBa màn hình
19 Poster Trại Cây Sung · Đắk Nông

Chữ khổ áp phích, viền dày, giá in to như bảng hiệu. Nội quy trại đứng ngang hàng với bảng giá.

SángChữ khổ lớnAnton
20 Calendar first Bungalow Ba Sương · Vĩnh Phúc

Lịch tháng có giá từng ngày là màn hình đầu tiên. Đổi hạng phòng là cả bảng giá và phiếu tạm tính đổi theo.

SángLịch giáTương tác