Hướng dẫn tạo Brand Kit
Bộ nhận diện thương hiệu hoàn chỉnh cho Landing Page/Website. 9 thành phần, từng bước chuẩn bị cụ thể - từ Logo, Colors, Fonts đến Brand Voice, Photos và Icons.
Biên soạn bởi Minh Đỗ
Tổng hợp từ research về Brand Kit, Brand Guidelines và Personal Branding
0Brand Strategy
Trước khi đi vào visual, bạn cần trả lời những câu hỏi nền tảng. Đây là bước quan trọng nhất.
| Câu hỏi | Ví dụ |
|---|---|
| Mission (Sứ mệnh) | Giúp người Việt ứng dụng AI vào công việc thực tế |
| Vision (Tầm nhìn) | Trở thành cộng đồng AI lớn nhất Việt Nam |
| Values (Giá trị cốt lõi) | Authentic, Humble, Practical, Community-first |
| Target Audience (Đối tượng) | Người đi làm 25-45 tuổi, muốn tăng năng suất bằng AI |
| USP (Điểm khác biệt) | Chia sẻ từ kinh nghiệm thực chiến |
| Personality (Tính cách) | Người bạn hay chia sẻ, tò mò, không "guru" |
1Guidelines
Tài liệu quy định cách sử dụng đúng tất cả Brand Assets, tránh sai lệch.
- Brand Story - 1-2 đoạn về hành trình, lý do bắt đầu
- Do's and Don'ts - Quy tắc dùng đúng/sai cho logo, màu, font
- Logo Usage Rules - Clear Space, kích thước nhỏ nhất
- Tone & Style Summary - Tóm tắt giọng nói, phong cách
- Templates - Mẫu cho Social Media, Email, Banner
Bạn cần cung cấp
- Câu chuyện cá nhân (tại sao bắt đầu, hành trình)
- Quy tắc muốn áp dụng ("không emoji flashy", "luôn có signature")
- Những điều tuyệt đối KHÔNG làm với thương hiệu
2Logos
Logo là điểm nhận diện đầu tiên - cần đa dạng phiên bản.
| Phiên bản | Mô tả | Format |
|---|---|---|
| Primary Logo | Logo chính, đầy đủ | SVG, PNG, AI/EPS |
| Secondary | Thu gọn (icon-only) | SVG, PNG |
| Monochrome | Trắng đen | SVG, PNG |
| Light/Dark | Cho nền sáng/tối | PNG |
| Favicon | 16x16, 32x32 | ICO, PNG |
Bạn cần cung cấp
- Concept Direction - hiện đại, tối giản, tech-feel?
- Tên hiển thị - "Minh Đỗ", "MD"?
- Logo có sẵn? File vector hoặc mô tả style
- Tham chiếu - 3-5 logo bạn thích
- Ngành nghề - Để hiểu bối cảnh
3Colors
Nhất quán màu sắc trên web, social media, print.
| Nhóm | Số lượng | Vai trò |
|---|---|---|
| Primary | 1-2 màu | Đại diện thương hiệu |
| Secondary | 2-3 màu | Bổ trợ, nhấn mạnh |
| Accent | 1 màu | CTA, highlights |
| Neutral | 2-3 màu | Nền, text, borders |
Mỗi màu cần: HEX (web), RGB (digital), CMYK (in ấn), Pantone (in chuyên nghiệp).
4Fonts
Typography tạo "giọng hình ảnh" - đọc font nhận ra brand.
| Loại | Vai trò | Ví dụ |
|---|---|---|
| Heading | Thu hút | Outfit, Montserrat, Playfair Display |
| Body | Dễ đọc | Inter, Roboto, Source Sans Pro |
| Accent | Đặc biệt | Lora, DM Serif Display |
Quy tắc: Tối đa 2-3 font. Tiếng Việt cần font hỗ trợ dấu tốt.
5Brand Voice
Cách thương hiệu "nói chuyện" - phần quan trọng nhất cho Personal Brand.
| Yếu tố | Cần xác định | Ví dụ |
|---|---|---|
| Personality | 3-5 tính cách | Authentic, Humble, Curious |
| Tone | Formal hay Casual? | Casual, conversational |
| Language | Thuần Việt? Pha Anh? | Pha trộn tự nhiên |
| Xưng hô | Tôi/Mình? | "Mình", "cả nhà" |
| Sign-off | Cách kết thúc | "Minh Đỗ." |
| Do's & Don'ts | Từ ngữ cấm | Không emoji flashy, không em-dash |
6Photos
Ảnh truyền tải cảm xúc nhanh hơn bất kỳ text nào.
| Loại | Mô tả | SL |
|---|---|---|
| Headshot | Chân dung chuyên nghiệp | 2-3 |
| Work-Life | Đang làm việc | 3-5 |
| Behind-scenes | Hậu trường, workspace | 3-5 |
| Lifestyle | Liên quan lĩnh vực | 5-10 |
| Hero Images | Ảnh lớn landing page | 2-3 |
7Graphics
Yếu tố đồ họa tạo "visual language" riêng.
- Patterns - Geometric, organic, abstract?
- Shapes - Bo tròn? Góc cạnh?
- Textures - Glassmorphism? Noise? Gradient?
- Backgrounds - Solid? Gradient? Overlay?
- Card Styles - Shadow? Border? Glass-effect?
- Social Templates - Kích thước chuẩn FB, IG, LinkedIn
8Icons
Icons giúp giao tiếp nhanh trong navigation, features, benefits.
| Yếu tố | Quyết định |
|---|---|
| Style | Outline vs Filled vs Duotone |
| Weight | Thin, Regular, Bold |
| Corner | Rounded vs Sharp |
| Size | 16, 24, 32, 48px |
| Consistency | 1 bộ duy nhất, KHÔNG trộn |
9Charts
Data visualization cũng nhất quán với brand.
- Chart Color Palette - Brand colors cho bar, line, pie
- Chart Font - Brand font cho labels, legends
- Chart Style - Minimal gridlines? Rounded bars?
- Data Labels - Số %, format dấu
- Animation - Hiệu ứng khi load?
Master Checklist
Must-have
| # | Hạng mục |
|---|---|
| 1 | Mission, Vision, Values |
| 2 | Target Audience description |
| 3 | Brand Personality traits (3-5 tính từ) |
| 4 | Logo file hoặc concept direction |
| 5 | Màu sắc yêu thích / mood keywords |
| 6 | Font preference / style keywords |
| 7 | 3-5 bài viết mẫu Brand Voice |
| 8 | Ảnh cá nhân (headshot, work) |
| 9 | Moodboard / tham chiếu design |
Nice-to-have
| # | Hạng mục |
|---|---|
| 10 | Tagline / Slogan |
| 11 | Icon style preference |
| 12 | Chart examples |
| 13 | Competitor brands |
| 14 | Previous designs |
| 15 | Social media templates đang dùng |
Thứ tự khuyến nghị
Không cần làm theo số 1-9. Thứ tự tối ưu: