§ 4.6 · Signature gradient
Gradient ký hiệu
Chỉ dùng cho CTA primary và Hero highlights. Góc 135°, dừng tại 0% (Chilli Red) → 100% (Coral).
CTA Primary · Hero
Vị Việt
đậm đà
linear-gradient(135deg, #B41A1A 0%, #FF766A 100%)
Stop 0% · Primary
#B41A1A · oklch(0.473 0.184 27.5)
Stop 100% · Accent
#FF766A · oklch(0.731 0.165 28.4)
Khi nào dùng
✓ CTA chính
"MUA NGAY", "ĐẶT HÀNG" — nút primary trên trang.
✓ Hero highlight
Block tag-line, banner top trang chủ.
✕ Body / card bg
Không dùng cho background lớn — quá nóng, khó đọc text.
CTA mẫu