Brand guideline · web-standards/brand@1
Gió Vợt
Hai buổi mỗi tuần, tiến lên từng cú
Mọi thứ cần để dựng một sản phẩm đúng thương hiệu — brand core, logo và cách dùng sai, màu, chữ, icon, nhân vật, nút và component, theme với template, danh thiếp (name card), social kit và trang tải xuống. Mỗi trang làm một việc.
Các trang
Bắt đầu từ Brand core nếu bạn mới; đi thẳng tới Component nếu bạn đang dựng giao diện.
Brand core
Câu chuyện, người dùng, tính cách, giọng văn, điều cấm
4 tính cách · 6 quy tắc giọng
02Logo
5 biến thể, vùng an toàn, cỡ nhỏ nhất và cách dùng sai
5/5 biến thể · cách dùng sai
03Màu
Vai trò từng màu, tỉ lệ dùng và bảng tương phản
6 màu có vai trò · tỉ lệ dùng
04Chữ
Typography: mẫu chữ theo vai trò và chữ sống
3 vai trò chữ · 2 chữ sống
05Icon
Bộ icon × 3 trạng thái, đổi cỡ, chế độ tự động
120 icon × 3 trạng thái
06Nhân vật
Mascot: hồ sơ, 4 tâm trạng, 4 hành động, mắt theo trỏ
4/4 nhân vật có hồ sơ
07Component
Nút, chip, hộp thông tin, toast, dialog, phán quyết, nhập liệu, tiến độ
nút (button), chip, callout, toast, dialog, verdict, input, progress
08Theme
Giao diện website và 7 template theo vai trò
1 theme · 13 template
09Danh thiếp
Name card in ấn theo vai trò
3 name card PDF
10Social
Social kit: cover, avatar, post theo nền tảng
23 ảnh social
11Tải xuống
Mọi file nguồn của kit
logo, tokens, icon, nhân vật, PDF