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

50 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 hay khu cắm trại đều được, và chữ trong mẫu viết như chủ nhà đang mời bạn đến ở. Mười mẫu đầu dùng chung một khung xương, chỉ 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.

50mẫ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

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í với viền mảnh và ả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 và đỏ tín hiệu trên bố cục lưới 12 cột dứt khoát, dành 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 trên nền xám lạnh với điểm nhấn đấ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, một khối tối chen giữa trang và 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 xếp theo hàng ngang kèm 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 và 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 và chỉ 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ờ với điểm nhấn hổ phách, có thêm 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 và 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 trên 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ỡ và mỗi ô mang 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 và giá in to như bảng hiệu, còn 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

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 và xen giữa là khối kể về nghề dệt lanh.

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

Xanh biển sâu chọi xanh ngọc trên nền cát, 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 băng dính washi, chữ viết tay, còn lịch một ngày ở trại ghi như mẩu giấy ghim trên 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 mận chín và xanh chè trên giấy kem, ảnh để nguyên màu, 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

Theo bối cảnh · đồi núi, biển, thành phố

31 trở đi · màu, ảnh và khối nội dung chọn theo nơi khách ở trước, rồi mới tới phong cách
31 Mây Sớm Lodge Mây Sớm · thôn Lao Chải, thung lũng Mường Hoa, Sa Pa

Thước độ cao chạy dọc bên trái suốt trang, hero sương cao hết màn hình, ba thẻ phòng xếp so le như ruộng bậc thang, chữ và ảnh tan dần vào nền sương.

SángThước độ cao dọc trangFrauncesĐồi núiSa Pa
32 Đường Đồng Mức Homestay Trình Tường · phố cổ Đồng Văn, cao nguyên đá Hà Giang

Trang xếp thành những dải địa tầng tràn lề, biên giữa hai dải cắt răng cưa như đá tai mèo, khối đỏ son cắt ngang giữa trang và lịch chợ phiên xếp thành bảng.

SángDải địa tầng cắt răng cưaArchivoĐồi núiHà Giang
33 Bếp Lửa Nhà gỗ Bếp Lửa · xóm Bản Giốc, Đàm Thuỷ, Cao Bằng

Cột chữ dọc cố định bên trái chạy suốt chiều cao trang, dải rừng và dải lửa xen nhau, giờ thác đẹp ghi theo mùa nước.

SángCột chữ dọc cố địnhHepta SlabĐồi núiCao Bằng
34 Nước Lặng Villa Nước Lặng · Bãi Xuân Đừng, Vân Đồn

Một tấm vịnh nằm im sau mọi khối chữ, nội dung trôi qua trên những tấm kính mờ, ba thẻ phòng chia một lớn hai nhỏ lệch nhau.

TốiKính mờ trên vịnhFrauncesBiểnQuảng Ninh
35 Cầu Cảng Nhà nghỉ Cầu Cảng · Làng chài Mũi Né, Phan Thiết

Tiêu đề chỉ có viền chữ để ảnh thuyền thúng xuyên qua thân chữ, dải cát và dải thuyền xen nhau, ba thẻ phòng bo đáy cong lệch như thuyền neo.

SángChữ viền rỗng ruộtArchivoBiểnBình Thuận
36 Cát Trắng Bungalow Cát Trắng · Bãi Sao, Phú Quốc

Đoạn mở đầu chảy vòng quanh một tấm ảnh tròn như sóng vỗ quanh đảo, ba thẻ phòng nhô cao thấp theo nhịp sóng.

SángChữ chảy quanh ảnh trònBricolage GrotesqueBiểnPhú Quốc
37 Hẻm Hẻm Mười Hai · hẻm Lý Chính Thắng, Quận 3

Mặt tiền hẻm Quận 3 dựng bằng lưới vùng đặt tên: nhà cao nhà thấp, biển hiệu sơn đỏ chen giữa ô ảnh, tường vôi ố và đèn đường cam.

SángIndochine hẻmLiterataThành phố
38 Phố Cổ Ba Sáu Nhà Ba Sáu · 36 Hàng Buồm, Hoàn Kiếm, Hà Nội

Cuốn sách gia phả Hàng Buồm: cột chữ hẹp căn giữa, chữ cái đầu phóng to ba dòng, ảnh minh hoạ viền mảnh chen giữa văn bản.

SángBáo xưa phố cổOld StandardThành phố
39 Tầng Thượng Khách sạn Tầng Thượng · Bạch Đằng, Đà Nẵng

Nền đêm xuyên suốt, tiêu đề Bitter 900 cao 121px trên ảnh sông Hàn giữ nguyên màu thật; dải bốn khối đỏ ngói, lam sông, vàng đồng và ngọc nước cắt ngang dưới hero, ba phòng cao thấp lệch nhau viền màu, lời khách đặt trên ảnh quầy bar đã làm tối.

TốiĐêm tầng thượngBitterThành phố

Theo điểm đến · Huế, Đà Nẵng, Nha Trang, Bình Thuận, Phú Quốc, Quảng Ninh, Đà Lạt, Tây Nguyên

40 trở đi · mỗi điểm đến một cá tính lấy từ chất liệu, nghề và mùa của nơi đó
40 Mực Tím Nhà vườn Mực Tím · Kim Long, bên sông Hương, Huế

Lối đi nhà vườn Kim Long với những viên đá đánh số tự động, hai bên lối là mùa sen, mâm cung đình và ba gian để ngủ.

SángNhà vườn tím mựcCormorant GaramondThành phốHuế
41 Ngũ Sơn Nhà nghỉ Ngũ Sơn · dưới chân Ngũ Hành Sơn, Đà Nẵng

Thẻ phòng nghiêng trong không gian ba chiều, đổ bóng cứng lệch trên nền đá trắng, tiêu đề cao 109px; khối giờ leo Thuỷ Sơn cho mát và dải năm khối màu tính phút ra Mỹ Khê, lên cầu Rồng và Bà Nà.

SángPhiến đá nghiêngArchivoThành phốĐà Nẵng
42 Tháp Trầm Hương Nhà nghỉ Trầm Hương · Vĩnh Lương, vịnh Nha Trang

Nhà nghỉ bên vịnh Nha Trang với cột chữ lệch phải, ảnh cắt cong toả quầng hổ phách như khói trầm bốc lên từ gian giữa.

SángTháp Chăm gỗ trầmTavirajBiểnNha Trang
43 Đồi Cát Chăm Homestay Đồi Cát · giữa Mũi Né và Bàu Trắng, Bình Thuận

Homestay dưới đồi cát Bình Thuận, đồi cát đứng yên làm nền cho hai khối liền nhau, thẻ phòng nổi lên như kính đục đặt trên cát.

SángĐồi cát và ChămYrsaBiểnBình Thuận
44 Cánh Gián Nhà gỗ Cánh Gián · Dương Đông, gần Dinh Cậu, Phú Quốc

Nhà gỗ Dương Đông trên nền đêm, dãy đèn lồng dọc lề trái thắp dần theo trang, các gian chợ xếp lưới dày lệch ô.

TốiHoàng hôn hổ pháchNoto SerifBiểnPhú Quốc
45 Boong Tàu Đêm Du thuyền Boong Tàu Đêm · bến Tuần Châu, vịnh Hạ Long, ghé Cô Tô

Du thuyền ngủ đêm ở Hạ Long: nền đêm suốt trang, tiêu đề nằm trong dải đèn vàng bọc liền qua chỗ ngắt dòng, cabin dọc hẹp xếp bậc thang như hành lang tàu.

TốiĐêm trên vịnhAnybodyBiểnQuảng Ninh
46 Sương Sớm Dã Quỳ Biệt thự Sương Sớm · đường Trần Hưng Đạo, Đà Lạt

Biệt thự Pháp thập niên 1920 ở Đà Lạt: ảnh đóng khung phào chỉ như tranh treo, trang dựng đối xứng quanh một trục giữa, đúng lối kiến trúc của ngôi nhà.

SángBiệt thự trong sươngFaustinaĐồi núiĐà Lạt
47 Rẫy Đỏ Farmstay Rẫy Đỏ · nhà trong nông trại cà phê, Buôn Ma Thuột

Mỗi khoang là một hộp tự đo mình nên khoang rộng và khoang hẹp đổi cỡ chữ độc lập, khối đỏ son và xanh lá cà phê chọi nhau trên nền đất rẫy; bảng rẫy đổi mặt theo tháng hoa và tháng hái.

SángKhoang co giãnFrauncesNông trạiBuôn Ma Thuột
48 Bến Đá Homestay Bến Đá · bên chân núi đá, gần bến đò Tràng An, Ninh Bình

Lưới dày mười hai cột tự lấp khoảng trống, không ô nào cùng cỡ ô cạnh nó, ba thẻ phòng chen giữa các ô núi đá và sông nước; khối giờ xuống đò Tràng An và bảng bốn mùa từ lúa chín Tam Cốc tới mùa lễ chùa Bái Đính.

SángLưới dàyEpilogueNúi đá và sông nướcNinh Bình
49 Vòm Đá Nhà Vòm Đá · nhà gỗ bên sông Son, Phong Nha, Quảng Bình

Tiêu đề cao 118px khoét thủng cho ảnh lòng hang lộ qua thân chữ, mỗi khối lớn mở đầu bằng một vòm đá cắt vào khối trước; giữa trang là khối hang nền than với thước độ sâu chạy từ mặt sông xuống ngách cuối.

SángVòm đá và sông ngầmPetronaĐồi núiQuảng Bình
50 Ruộng Tỏi Homestay Ruộng Tỏi · thôn Đông An Vĩnh, đảo Lý Sơn, Quảng Ngãi

Trang chạy hai trục: chữ đi dọc còn vòng quanh đảo, gian ở và lời khách là ba băng cuộn ngang dừng đúng mép từng chặng; nền cát san hô đổi sang đá bazan đen ở khối lời khách.

SángCát san hô và bazanKanitBiểnQuảng Ngãi