Tìm kiếm tài liệu kiến thức

Bộ Màu Chuẩn Cho Thương Hiệu Win Media

Bảng màu cố định thương hiệu Win Media

(Dành cho tất cả các thiết kế bài post, quảng cáo, ấn phẩm)

🎨 Primary Color – Màu chủ đạo

Tên Mã HEX Vai trò
Cam Win Media #ef824c Màu chủ đạo, nền chính, tiêu đề lớn, button chính

🎨 Secondary Color – Màu phụ

Phương án Mã HEX Ý nghĩa Lý do chọn
Xanh dương đậm #2c3e66 Tin cậy, chuyên nghiệp, ổn định Tương phản tốt với cam, tạo cảm giác cân bằng, dễ đọc

🎨 Accent Color – Màu nhấn (CTA)

Màu Mã HEX Cách dùng
Vàng mật ong #f7b731 Nút CTA, khuyến mãi, thông báo đặc biệt

🎨 Neutral Colors – Màu trung tính

Màu Mã HEX
Trắng #ffffff
Đen #0a0a0a
Xám xanh đậm #334862
Xám nhạt #f8f9fa

🎨 Success / Alert – Màu thông báo

Màu Mã HEX
Xanh lá (thành công) #45b831
Đỏ (cảnh báo) #eb001b

📋 Bảng màu hoàn chỉnh (dùng để copy vào CSS)

:root {
  --primary: #ef824c;    /* Cam chủ đạo */
  --secondary: #2c3e66;  /* Xanh dương đậm */
  --accent: #f7b731;     /* Vàng mật ong */
  --white: #ffffff;
  --black: #0a0a0a;
  --gray-dark: #334862;
  --gray-light: #f8f9fa;
  --success: #45b831;
  --alert: #eb001b;
}

📌 Hướng dẫn sử dụng cho nhân viên

  1. Primary (#ef824c) – dùng làm nền chính, tiêu đề lớn, khung viền.
  2. Secondary (#2c3e66) – dùng làm nền phụ, chữ tiêu đề phụ, icon, đường kẻ.
  3. Accent (#f7b731) – chỉ dùng cho một nút CTA duy nhất trong mỗi bài post.
  4. Chữ đen (#0a0a0a) trên nền sáng, chữ trắng (#ffffff) trên nền cam/xanh.
  5. Tỉ lệ khuyến nghị: 60% primary + 20% secondary + 10% neutral + 10% accent (nếu có CTA).

🎯 Một hình ảnh chuyên nghiệp của thương hiệu nên có bao nhiêu loại màu?

Khuyến nghị: 5–6 loại màu cho một hệ thống nhận diện hoàn chỉnh. Cụ thể:

Loại màu Ý nghĩa Cách sử dụng trên bài post
Primary Color (chủ đạo) Đại diện DNA thương hiệu, tạo cảm xúc chính Nền chính, khung viền, tiêu đề lớn, button chính
Secondary Color (phụ) Bổ trợ, cân bằng, tạo chiều sâu Nền phụ, highlight từ khóa, icon, đường kẻ
Accent Color (nhấn) Gây chú ý, kêu gọi hành động (CTA) Nút "Mua ngay", "Đăng ký", thông báo khuyến mãi
Neutral Color – Dark Tăng độ tương phản, dễ đọc Chữ nội dung, tiêu đề phụ trên nền sáng
Neutral Color – Light Tạo khoảng nghỉ, nền sạch Nền tổng thể, vùng đệm giữa các khối
Success / Alert Color (nếu cần) Thể hiện trạng thái thành công hoặc lỗi Thông báo ưu đãi, chứng nhận, cảnh báo

⚡ Quy tắc vàng:
– Primary chiếm 60–70% diện tích.
– Secondary chiếm 20–30%.
– Accent chỉ chiếm 5–10% để làm nổi bật CTA.
– Không dùng quá 3 màu chính trong một bài post trừ khi có lý do đặc biệt.

Bạn có thấy bài viết này hữu ích không?

Các bài viết liên quan