Thành viên Mây
1.500.000đSơn gel4 lần
Design system
Mây
Beauty-editorial cho studio nail & tóc, như trang Instagram của một tiệm có gu được đưa lên web. Chữ Unbounded tròn, rộng và tự tin; chữ nhấn nằm trong một viên sơn pastel bóng. Bảng màu sơn là các giọt gel có vệt sáng, chọn được và đổi màu vòng tròn sau ảnh hero. Ảnh cắt dáng móng hạnh nhân, thẻ bo lớn mềm như vỏ hộp mỹ phẩm; ánh ngọc trai/hologram chỉ xuất hiện ở thẻ quà tặng. Đặt lịch luôn trong tầm tay: viên nổi Zalo · Gọi · Đặt lịch và phiếu chọn ngày giờ.
Font
Tiêu đề, số, nhãn
Unbounded
Móng xinh, tóc chuẩn gu
Chữ nhấn
Unbounded 300 trong viên sơn
thạch mùa thu
Nội dung
Epilogue
Sơn gel Hàn Quốc, dụng cụ hấp tiệt trùng từng khách, thợ có chứng chỉ và 6–10 năm tay nghề.
Nhãn
Unbounded 500 · 10px
Studio nail & tóc · Quận 3
Màu
Nền sứ hồng
#F7F1EE
CMS: Màu nền
Mực mận
#231A1F
Chữ, nút mực, thẻ gói nổi bật. CMS: Màu chữ
Mận chín
#6B2135
Nút đặt lịch, giá, số FAQ. CMS: Màu chính
Hồng ballet
#EBC6CE
Viên chữ nhấn, footer, gói 1. CMS: Màu phụ
Lilac sữa
#C9BEE8
Gói 2, ánh footer. CMS: Màu nhấn
Ngọc trai
gradient #FDFDFE → #E9E3E8 + hologram
Chỉ dùng cho thẻ quà tặng
Thang chữ
H1
Tinh tế trong từng chi tiết
Unbounded 400 · 42→90px · -5% · lh 1
H2
Tinh tế trong từng chi tiết
Unbounded 400 · 30→54px · -4.5%
H3
Tinh tế trong từng chi tiết
Unbounded 500 · 18→23px · -3%
Thân
Tinh tế trong từng chi tiết
Epilogue 400 · 15→16px
Nhãn
Tinh tế trong từng chi tiết
Unbounded 500 · 10px · in hoa · +20%
Bo góc
- Nút, ô nhập, chip, dock999px
- Thẻ gói, form, footer, CTA32px
- Ảnh lookbook, thẻ thợ20–24px
- Ảnh dáng móng50% 50% 44% 44% / 36% 36% 12% 12%
Khoảng cách
- Khung nội dung1280px, lề 16→24px
- Khoảng section80px → 112px
- Lưới12 cột, khe 40–64px
Chuyển động
Hiện dần như gel đông lại: nhích 18px + phóng 0.985 → 1 (700–800ms, cubic-bezier(.22,1,.36,1)). Vòng màu hero phóng từ 0.8 và đổi màu mượt khi chọn giọt sơn; navbar co thành viên nổi theo lò xo cubic-bezier(.34,1.32,.5,1); viên tab trượt; thẻ quà tặng nghiêng theo con trỏ với màng hologram; khung trước/sau tự lướt thử một lần; đánh giá chạy dọc hai cột ngược chiều.
Thành phần
Nút
Đặt lịch ngay Mua thẻ quà Bảng giá Xem lookbook
Bảng màu sơn (chọn được) M01 · Hồng ballet
Ô nhập & chip giờ
9:3011:0012:3014:00
Hàng dịch vụ
01
Sơn gel trơn
180.000đ
45 phút Thẻ gói
Tiêu đề & khung ảnh móng
Sơn thạch mùa thu