← Xem demo Design system · Lụa Kho mẫu
Lụa Spa & Wellness

Design system

Lụa

Spa trong nhà cổ Hội An, chậm và giàu chất liệu: nền sơn mài nâu đen có ánh đỏ và hạt mờ, đường kẻ và khung đôi vàng lá, khối lụa ngà có ánh xiên cho thực đơn và phiếu, ảnh đặt trong khung vòm cửa phủ ánh đèn lồng. Đèn lồng vẽ nét là dấu hiệu xuyên suốt (logo, đầu mục, nút nổi). Trang đặt lịch như quầy lễ tân khách sạn: thực đơn chọn liệu trình, dải ngày, giờ chia buổi, chuyên viên, phiếu đặt chỗ cập nhật trực tiếp.

Font

Tiêu đề

Bona Nova

Chậm lại, như lụa trôi qua tay

Nội dung

Petrona

Lễ tân gọi lại xác nhận giờ trống trước khi giữ chỗ cho bạn.

Nhãn

Josefin Sans

Nhà cổ 1890 · Hội An

Màu

Sơn mài

#170F0C

Nền. CMS: Màu nền

Lụa ngà

#EFE3CE

Chữ, và nền của khối lụa. CMS: Màu chữ

Vàng lá

#D2A35A

Nút, đường kẻ, số. CMS: Màu chính

Son

#C0503A

Dấu son, quầng đèn lồng. CMS: Màu nhấn

Đỏ trầm

#4E1A13

Tấm sơn mài của thẻ. CMS: Màu phụ

Kẻ vàng

vàng lá 26% trên nền

Tự tính

Thang chữ

Display

Tinh tế trong từng chi tiết

Serif 400 · 43→90px · -1.5% · dòng 1.02

H2

Tinh tế trong từng chi tiết

Serif 400 · 34→56px

H3

Tinh tế trong từng chi tiết

Serif 400 · 23→30px

Dẫn

Tinh tế trong từng chi tiết

Serif 350 · 18px · dòng 1.75

Thân

Tinh tế trong từng chi tiết

Serif 350 · 16→17px

Nhãn

Tinh tế trong từng chi tiết

Josefin Sans 600 · 11px · in hoa · +30%

Bo góc

  • Nút, thẻ, ô giờ0 (góc vuông, khung đôi)
  • Ảnhvòm cửa 999px 999px 0 0
  • Huy hiệu, dấu sontròn

Khoảng cách

  • Khung nội dung1280px, lề 20–32px
  • Khoảng section80px → 112px
  • Lưới12 cột, khe 40–80px

Chuyển động

Chậm: hiện dần 1.1s cubic-bezier(.16,1,.3,1) nhích 18px; ảnh vén lên như rèm lụa (clip-path 1.6s); quầng đèn lồng thở 7s; đèn lồng đung đưa ±2.5° trong 6s; nút vàng có vệt sáng lướt 0.9s. Tắt hết khi giảm chuyển động.

Thành phần

Nút
Đặt lịch Xem gói Thực đơn trị liệu
Đèn lồng & hoạ tiết
Khung vòm cửa
Ô nhập
09:00 10:00 11:00 13:30
Tấm sơn mài

Nghi thức Hội An

2.900.000đ

Thực đơn trên lụa
Massage Lụa đặc trưng 1.250.000đ

90 phút · đá cẩm thạch ấm, dầu dừa ép lạnh

Tham chiếu 21st.dev