Màu Sắc

Color Dinh Độc Lập.png

Nhóm Màu Chính

Hệ thống màu chủ đạo của bộ nhận diện này tập trung vào hai tông màu có diện tích hiển thị lớn nhất là Đỏ Tổ QuốcXanh Hoà Bình. Trong đó, màu Đỏ được phân cấp từ tông đậm nhất đến tông nhạt nhất để tạo sự linh hoạt trong thiết kế. Tương tự, màu Xanh Hoà Bình đóng vai trò chủ chốt bên cạnh sắc đỏ, tạo nên sự cân bằng giữa tính nhiệt huyết và sự tin cậy.

#610000
Đỏ 4
hex:#610000
rgb:97, 0, 0
#9C0000
Đỏ 3
hex:#9C0000
rgb:156, 0, 0
#FFC5C5
Đỏ 2
hex:#FFC5C5
rgb:255, 197, 197
#FFEAEA
Đỏ 1
hex:#FFEAEA
rgb:255, 234, 234
#214885
Xanh 4
hex:#214885
rgb:33, 72, 133
#3474D9
Xanh 3
hex:#3474D9
rgb:52, 116, 217
#B2E6F6
Xanh 2
hex:#B2E6F6
rgb:178, 230, 246
#E6F9FF
Xanh 1
hex:#E6F9FF
rgb:230, 249, 255

Nhóm Màu Phụ

Nhóm màu phụ bao gồm 4 sắc thái khác nhau để bổ trợ cho các mục đích trình bày đa dạng: Vàng Khát Vọng, Cam Lịch Sử, Xanh Thiên Nhiên, và Hồng Nhân Ái. Các màu này không chỉ giúp làm phong phú thêm bảng màu mà còn mang ý nghĩa biểu tượng riêng, hỗ trợ việc phân loại thông tin hoặc làm nổi bật các yếu tố phụ mà không lấn át hai màu chính là đỏ và xanh.

#3D340F
Nâu Vàng 4
hex:#3D340F
rgb:61, 52, 15
#83741D
Nâu Vàng 3
hex:#83741D
rgb:131, 116, 29
#FFF986
Vàng 2
hex:#FFF986
rgb:255, 249, 134
#FFFCC8
Vàng 1
hex:#FFFCC8
rgb:255, 252, 200
#652E00
Cam 4
hex:#652E00
rgb:101, 46, 0
#B05100
Cam 3
hex:#B05100
rgb:176, 81, 0
#FFE0C1
Cam 2
hex:#FFE0C1
rgb:255, 224, 193
#FFECDA
Cam 1
hex:#FFECDA
rgb:255, 236, 218
#0D4827
Xanh 4
hex:#0D4827
rgb:13, 72, 39
#118E52
Xanh 3
hex:#118E52
rgb:17, 142, 82
#BDF5AF
Xanh 2
hex:#BDF5AF
rgb:189, 245, 175
#EEFFEA
Xanh 1
hex:#EEFFEA
rgb:238, 255, 234
#8B004C
Hồng 4
hex:#8B004C
rgb:139, 0, 76
#CE026B
Hồng 3
hex:#CE026B
rgb:206, 2, 107
#FECAE5
Hồng 2
hex:#FECAE5
rgb:254, 202, 229
#FFDCEE
Hồng 1
hex:#FFDCEE
rgb:255, 220, 238

Chữ và màu

Hệ thống chữ viết phải đảm bảo độ tương phản tối ưu so với màu nền để duy trì khả năng đọc.

 

Trên nền đậm (Màu 4): Chỉ sử dụng chữ màu nhạt như Màu 1 hoặc Màu 2. Tuyệt đối không sử dụng chữ màu đậm (Màu 3) trên nền đậm vì gây hiện tượng chìm chữ, khó nhận diện.

 

Trên nền nhạt (Màu 1): Phải sử dụng chữ màu đậm như Màu 4 hoặc Màu 3 để làm nổi bật nội dung. Tránh sử dụng chữ màu nhạt (Màu 2) trên nền nhạt do không đủ độ tương phản cần thiết.

 

Mục tiêu: Việc tuân thủ quy tắc phối hợp sắc độ giữa chữ và nền (đậm đi với nhạt và ngược lại) giúp thông tin được trình bày rõ ràng, chuyên nghiệp và nhất quán với bộ nhận diện.

Frame 2147230390.png

Phối hợp màu sắc

Cách phối hợp đúng: Ưu tiên kết hợp các dải sắc độ khác nhau của cùng một tông màu chủ đạo. Ví dụ, việc xếp chồng các lớp đồ họa sử dụng dải màu từ Đỏ Tổ Quốc đậm đến các tông đỏ nhạt hơn sẽ tạo ra chiều sâu và sự hài hòa cho thị giác mà không làm mất đi tính nhận diện cốt lõi. Cách làm này giúp thiết kế trông hiện đại, chuyên nghiệp và duy trì được sắc thái trang trọng.

 

Cách phối hợp sai: Tuyệt đối tránh việc kết hợp các màu phụ (Supporting Colors) có độ tương phản quá gắt hoặc không cùng hệ thống sắc độ trên cùng một mảng khối đồ họa chính. Việc đưa các màu như Xanh Thiên Nhiên hoặc các tông hồng/cam vào các lớp cắt lớp của màu Đỏ (như hình minh họa đánh dấu X) sẽ gây ra sự xung đột về màu sắc, làm phân tán thị giác và phá vỡ cấu trúc thẩm mỹ đã quy định.

Frame 2147230410.png
Avatar

Cōsmo