🏷️ Badges & Tags — HybReport DLS v2
Hệ thống chip ngữ nghĩa • Opus 4.6 • F71 Growth Series
① Biến thể kích thước (SM / MD)
SM — 9px
Info
Success
Warning
Danger
Formula
Neutral
MD — 11px
Info
Success
Warning
Danger
Formula
Neutral
② Trạng thái (Status Dots)
Đang xử lý
Hoàn thành
Chờ duyệt
Lỗi
Công thức
③ Tag có thể xóa (Removable)
Khu vực✕
Doanh thu✕
Bộ lọc năm✕
Trùng lặp✕
SUM(A1:B5)✕
④ Badge đếm (Count)
3
12
5
1
24
108
99+
∞
⑤ Nhãn vai trò ngữ nghĩa
📐 Dimension
📊 Metric
🔍 Filter
ƒ Formula
⚠ Error
📘 Quy tắc thiết kế — Hệ màu ngữ nghĩa
- Info / Dimension: Xanh dương — dữ liệu chiều, phân loại
- Success / Metric: Xanh lá — số liệu, KPI, kết quả tốt
- Warning / Filter: Cam — bộ lọc, cảnh báo nhẹ
- Danger / Error: Đỏ — lỗi, xung đột, cần xử lý
- Formula / Special: Tím — công thức, tính toán, đặc biệt
- Neutral: Xám — trạng thái mặc định, không phân loại
Luật: radius:999px • font-weight:700 • SM(9px/3px 8px) • MD(11px/4px 10px) • Border 1px solid