Design system
Kẹo
Playful pop cho tiệm nail art Gen Z: tự tin, vui và rõ ràng. Các mảng màu kẹo (hồng, bơ, lilac, cam ớt, mực) bo góc lớn xếp chồng như vỉ kẹo; chữ Nunito 900 tròn mập; chữ nhấn là sticker Coiny viền trắng cắt bế. Ảnh móng dán như sticker vinyl nghiêng, sticker SVG (nổ, tim, hoa, mặt cười, tia sét) "đập" xuống khi cuộn tới. Nút thạch có gờ đáy nhấn lún. Đặt lịch như lướt TikTok: thẻ dịch vụ, công tắc add-on, dải ngày, viên giờ, thợ trong khung hoa, phiếu tạm tính nảy số.
Font
Tiêu đề
Nunito 900
Móng xinh hết nấc
Chữ nhấn, số, sticker
Coiny
hết nấc
Nội dung
Plus Jakarta Sans
Ombre, mắt mèo, charm 3D hay vẽ tay nhân vật bạn đang mê.
Nhãn
Plus Jakarta Sans 700 trong viên mực
Nail art studio · Quận 10
Màu
Sữa
#FFF9F4
Nền. CMS: Màu nền
Mực nho
#24123D
Chữ, tấm thợ, footer, nút mực. CMS: Màu chữ
Hồng kẹo
#FF3D8B
Nút đặt lịch, hero, combo, sticker chữ. CMS: Màu chính
Vàng bơ
#FFD43B
Lookbook, dải chạy, nút phụ. CMS: Màu phụ
Cam ớt
#FF6A2B
CTA cuối, sticker nổ. CMS: Màu nhấn
Lilac
#BBA6FF
Thẻ tích dấu, bong bóng chat (cố định)
Bạc hà
#8EE6C4
Sticker mặt cười, viên thông tin (cố định)
Thang chữ
H1
Tinh tế trong từng chi tiết
Nunito 900 · 54→138px · -4.5% · lh .9
H2
Tinh tế trong từng chi tiết
Nunito 900 · 37→70px · -3.5%
H3
Tinh tế trong từng chi tiết
Nunito 900 · 21→26px
Thân
Tinh tế trong từng chi tiết
Plus Jakarta Sans 500 · 15→16px
Nhãn
Tinh tế trong từng chi tiết
Plus Jakarta Sans 700 · 12.5px · viên mực
Bo góc
- Nút, nhãn, viên giờ, ô ngày999px / 21px
- Thẻ dịch vụ, ô nhập16–22px
- Thẻ lookbook, combo, form32px
- Slab màu40px
Khoảng cách
- Khung nội dung1280px, lề 20→32px
- Khoảng section64px → 96px
- Slab cách mép8px → 16px
Chuyển động
Hiện ra: nảy lò xo cubic-bezier(.34,1.56,.64,1) 750ms, nhích 22px, xoay -1.2° → 0. Sticker đập xuống (scale 1.5 → .94 → 1) nối tiếp. Sticker lắc khi rê, con tem đặt lịch xoay chậm, dải chữ chạy 40–48s, tổng tiền nảy từng chữ số. Tôn trọng prefers-reduced-motion.
Thành phần
Móng xinh hết nấc