Design system
Skin Lab
Phòng lab cho làn da: sáng, sạch, chính xác nhưng không lạnh như bệnh viện. Tiêu đề Space Grotesk mảnh cỡ lớn, nội dung Barlow, nhãn Victor Mono hẹp như tem chai serum (Batch Nº, nồng độ %, pH). Nền sứ trắng, mực, một màu hổ phách của chai nhỏ giọt, màu da nude cho mẫu chỉ số. Họa tiết riêng: vạch chia ống đong cạnh ảnh, mã vạch, phiếu soi da 4 lớp có thanh đo, dải pH giấy quỳ, thẻ phác đồ kiểu tem chai.
Font
Tiêu đề
Space Grotesk
Đọc làn da trước, rồi mới điều trị.
Nội dung
Barlow
Máy soi phân tích bề mặt, sắc tố, mạch máu và lỗ chân lông dưới 4 loại ánh sáng.
Nhãn, mã lô
Victor Mono
Batch Nº SL-0301 · Niacinamide 10% · pH 5.5
Màu
Nền sứ
#F2F3F0
CMS: Màu nền
Mực
#14191C
Chữ, viền tem. CMS: Màu chữ
Chính
#14191C
Nút chính, phiếu tối. CMS: Màu chính
Hổ phách
#B5682A
Chữ nhấn, mã lô, thanh chỉ số, nút ưu đãi. CMS: Màu nhấn
Nude
#E6D3C5
Mẫu da, nền dải CTA, ảnh đại diện chữ cái. CMS: Màu phụ
Giấy tem
#FFFFFF
Tem chai, bảng thành phần, form
Kẻ tóc
mực 13% trên nền
Tự tính
Thang chữ
H1
Tinh tế trong từng chi tiết
Grotesk 300 · 42→86px · -4%
H2
Tinh tế trong từng chi tiết
Grotesk 300 · 32→54px · -3.5%
H3
Tinh tế trong từng chi tiết
Grotesk 500 · 22→28px · -2%
Số liệu
Tinh tế trong từng chi tiết
Grotesk 300 · số đều cột · -3%
Thân
Tinh tế trong từng chi tiết
Barlow 400 · 16→17px
Nhãn
Tinh tế trong từng chi tiết
Victor Mono 500 · 11.5px · in hoa · +10%
Mã lô
Tinh tế trong từng chi tiết
Victor Mono 600 · hổ phách
Bo góc
- Tem chai4px
- Nút, ô nhập, ảnh6px
- Bảng, form10px
Khoảng cách
- Khung nội dung1216px, lề 20 → 32px
- Khoảng section64px → 112px
- Lưới12 cột; đầu section kẻ mực 1px, số mục Nº
Chuyển động
Hiện dần 600ms cubic-bezier(.22,1,.36,1): mờ → rõ, nhích 14px, nhoè 6px → 0. Thanh chỉ số phiếu soi da chạy từ 0 lần lượt; số liệu kết quả đếm tăng 1,6 giây; quy trình tự chuyển bước mỗi 4,8 giây với vạch tiến độ hổ phách; tia sáng chéo chạy chậm ở footer.
Thành phần
- Giá mỗi buổi
- 690.000đ
- Liệu trình
- 8 buổi
- Chu kỳ
- 7 ngày/lần
- Bề mặt · độ ẩm
- 62%
- Sắc tố · thâm, nám
- 38%
- Mạch máu · đỏ, kích ứng
- 21%
- Lỗ chân lông · dầu
- 54%
Ánh sáng thường · UV · Phân cực · Wood