Bộ màu thương hiệu
Năm màu dưới đây là toàn bộ bảng màu của Techtrol. Mọi ấn phẩm chỉ dùng trong phạm vi này; màu ngoài bảng chỉ được dùng cho ảnh chụp và biểu đồ khi thực sự cần phân biệt dữ liệu.
Navy
#001879
rgb(0, 24, 121)
Red
#BE1E2D
rgb(190, 30, 45)
Yellow
#FFAA00
rgb(255, 170, 0)
Blue
#2B57C4
rgb(43, 87, 196)
Sky blue
#5B9EF1
rgb(91, 158, 241)
Dùng màu nào ở đâu
| Màu | HEX | RGB | Dùng cho |
|---|---|---|---|
| Navy | #001879 | 0, 24, 121 | Màu chủ đạo: tiêu đề, nền khối lớn, thanh điều hướng |
| Red | #BE1E2D | 190, 30, 45 | Màu nhấn: nút chính, giá khuyến mãi, gạch chân tiêu đề |
| Yellow | #FFAA00 | 255, 170, 0 | Nhấn chữ trong tiêu đề, nhãn "chính hãng", huy hiệu |
| Blue | #2B57C4 | 43, 87, 196 | Liên kết, biểu đồ, minh hoạ kỹ thuật |
| Sky blue | #5B9EF1 | 91, 158, 241 | Nền phụ, trạng thái đang xử lý, biểu đồ lớp hai |
Nguyên tắc phối màu
- Một ấn phẩm dùng tối đa ba màu trong bảng, trong đó Navy hoặc trắng luôn chiếm phần lớn diện tích.
- Red chỉ dùng cho điểm nhấn, không dùng làm nền cho khối lớn.
- Yellow chỉ đặt trên nền Navy hoặc nền tối; trên nền trắng chữ vàng gần như không đọc được.
- Không pha thêm độ trong suốt cho màu thương hiệu khi dùng làm nền chữ.
- Chữ trên nền Navy, Red, Blue dùng màu trắng; chữ trên nền Yellow dùng màu Navy.
Tương phản và khả năng đọc
Cỡ chữ từ 16px trở xuống đặt trên nền màu phải kiểm tra độ tương phản đạt tối thiểu 4.5:1. Cặp chữ trắng trên Yellow không đạt, không dùng.
