Design bake-off · 4 phương án
Bốn hướng thiết kế website khách hàng
Tất cả dùng chung một bộ token, một thang chữ và cùng nội dung thật lấy từ web-frontend — khác nhau ở bố cục, phân bố sáng–tối, motif chủ đạo và mật độ thông tin. Mỗi phương án dựng 5 trang.
Xem tất cả cạnh nhauIvory Editorial
Biên tập · sáng · nhiều khoảng trống
Sáng toàn bộ trang, bố cục lệch kiểu tạp chí, phân cách bằng đường kẻ mảnh thay vì card đổ bóng. Navy chỉ làm chữ và footer; gold chỉ xuất hiện ở eyebrow, số thứ tự và đường kẻ. Gần bản brand book in nhất.
Motif
Mở phương án
Hoa 1/4 · 1/3 neo góc + cung nụ cười cắt mép ảnhNavy Atelier
Tối · tương phản · điện ảnh
Nhịp xen kẽ navy ↔ sáng, navy là bề mặt thật chứ không chỉ là màu chữ. Hero ảnh full-bleed phủ gradient navy, logo primary canh giữa. Đây là variant duy nhất được dùng gold làm chữ thường (gold trên navy = 4.8:1, đạt AA).
Motif
Mở phương án
Đường line song song — dịch từ đặc tả decal kính mờ (khe 10mm / cách 20mm)Clinical Calm
Chức năng · mật độ cao · ưu tiên đặt lịch
Chức năng trước, trang trí sau: form đặt lịch ngay trong hero, dịch vụ là index có filter theo 5 chuyên khoa, quy trình trình bày bằng bảng, rail đặt lịch sticky khi đọc dài. Đây là variant duy nhất dùng sage làm màu bề mặt thật.
Motif
Mở phương án
Cung nụ cười làm divider giữa section và viền dưới cardPremium Suite
Cao cấp · tối giản · nhiều khoảng lặng
Nhắm phân khúc khách hàng cao cấp bằng sự tiết chế, không phải bằng trang trí nhiều hơn — đúng §3.7 "cảm giác premium đến từ khoảng trống". Nền là màu Ivory thật của brand, không card viền, danh mục điều trị trình bày như thực đơn, ảnh chỉ dùng làm quãng nghỉ full-bleed. Không có lưới ảnh trước–sau.
Motif
Mở phương án
Đường kẻ mảnh gold-700 + hoa thị neo góc, rất tiết chế
Bản xem thử nội bộ. Logo và pattern hoa hiện là bản dựng lại theo mô tả trong brand guideline — phải thay bằng file vector chính thức trước khi đưa lên production (Phụ lục A, mục 1).