1 · Vì sao là 4 màu này — logic né & đại diện
Màu khóa ngữ nghĩa chiếm 3 họ hue: đỏ (URGENT) · cam-vàng (SLA/PRIORITY) · tím (NHẬP BÙ). Accent cá nhân buộc phải chọn ngoài 3 họ đó → còn lại vùng lục-lam-trung tính. Từ vùng an toàn, chọn 4 tông trầm-sang đại diện 4 nhóm cá tính làm việc; nền text luôn dùng bản --ac-deep đậm để đạt tương phản mục tiêu WCAG AA.
Jade — mặc định
#0E7A5F · Ổn định — bền bỉ — đáng tin (DNA thương hiệu)
Sapphire
#2E5E9E · Lý trí — chính xác — phân tích
Graphite
#3E4C55 · Quyền lực — tối giản — executive
Mocha
#6E5546 · Ấm — gắn kết — giao tiếp (desaturate sâu, cách xa amber)
🔒 3 màu khóa — không accent nào được chạm họ hue này
--coral · URGENT / vỡ SLA
--amber · PRIORITY / cảnh báo SLA
--manual · NHẬP BÙ / provenance tay
Thay đổi so với v4
Loại Violet #6B4FBB (đụng họ tím NHẬP BÙ) và Sunset #C05621 (sát họ cam SLA) → thay bằng Graphite + Mocha. Ocean tinh chỉnh thành Sapphire trầm hơn cho môi trường văn phòng.
2 · OIS Icon Set v1 — 32 biểu tượng
Vector SVG thuần (không emoji): lưới 24px · nét 1.75 · đầu nét bo tròn · style outline duy nhất toàn platform. Icon nhận màu qua currentColor → tự đổi theo theme/accent, sắc nét mọi kích thước. Rê chuột để xem trạng thái hover.
3 · Kiểm chứng trên 4 nền accent + bottom bar thật
Jade — icon trắng trên nền accent
Sapphire
Graphite
Mocha
Quy cách sử dụng (đưa vào Design System doc)
Chỉ 1 style outline — không trộn filled/duotone; trạng thái active dùng đổi màu, không đổi style.
Kích thước: 26px điều hướng · 22px trong dòng · 34px empty-state. Stroke cố định 1.75 mọi cỡ.
Icon mới phải vẽ trên lưới 24px, nét 1.75, cap/join tròn, nộp vào sprite chung — CI chặn icon rời rạc trong app (đồng bộ với luật chặn hex màu).
Không dùng emoji trong UI sản phẩm — emoji chỉ còn trong nội dung người dùng nhập.