Brand assets.
Dowload
|
FORCUS.
Palette — Đỏ · Đen · Trắng
|
01Ba màu chính
|
Forcus Red
#d52128
Accent, CTA, logo — điểm nhấn duy nhất
|
Deep Black
#0a0a0a
Nền hero, navbar, footer, section tối
|
Off White
#f8f8f8
Nền sáng, card, section xen kẽ
|
02Tỉ lệ phối — 60 · 10 · 30
| 60% đen | 10% | 30% trắng |
Đen làm nền chủ · đỏ là điểm nhấn · trắng tạo không gian
| 60% trắng | 10% | 30% đen |
Trắng làm nền sáng · đỏ là điểm nhấn · đen tạo chiều sâu
03Combo phối màu
|
Combo 01 — Power
Đỏ × Đen
Tương phản tối đa — mạnh mẽ, authority. Hero, header, CTA section.
Get started →
Agency
Tech
Sport
|
Combo 02 — Editorial
Đỏ × Trắng
Sạch và tinh tế — đỏ nổi bật trên nền sáng. Services, blog, portfolio.
Learn more →
Magazine
Portfolio
|
|
Combo 03 — Contrast
Đen × Trắng
Header tối + body sáng — tạo chiều sâu. Đỏ làm accent xen kẽ.
View work →
Corporate
Finance
|
Combo 04 — Bold
Đỏ × Full
Nền đỏ CTA + đen body — dùng tiết kiệm, impact mạnh nhất.
Start now →
CTA section
|
04Quy tắc dùng màu
|
Đỏ — tiết kiệm
Max 10% diện tích. Button, logo, line accent, số nổi bật, hover.
|
Đen — nền chủ
Hero, navbar, footer, CTA bg. Tạo không gian cho đỏ nổi bật.
|
Trắng — hơi thở
Section sáng, card, body bg. Xen kẽ với đen, tránh nặng nề.
|
|
Đỏ + Đen
Combo mạnh nhất. Hero, CTA, headline lớn.
|
Đỏ + Trắng
Editorial và sạch. Services, portfolio, blog.
|
Đen + Trắng
Tương phản trang. Header tối + body sáng, đỏ xen kẽ.
|
05Không nên
| Không dùng đỏ làm nền trang — body text đỏ hoặc section đỏ lớn khiến mắt mỏi và mất đi tác dụng nhấn mạnh | |
| Không để đỏ cạnh đỏ — hai element đỏ liền kề triệt tiêu nhau, không còn điểm nhấn | |
| Không thêm màu thứ 4 — bộ 3 màu này đã tối đa, thêm màu phụ sẽ phá vỡ tính nhất quán | |
| Không dùng đen thuần #000000 — dùng #0a0a0a hoặc #111111 để mắt dễ chịu hơn trên màn hình |
