Design System
Navy = cấu trúc & chữ · Lotus orange = hành động & điểm nhấn · Mobile-first · Song ngữ VI/EN
1 · Thương hiệu
Sen = hoa sen — bản sắc Việt
2 · Màu sắc
Navy — primary
50
100
200
300
400
500
600
700
800
900
950
Lotus — accent
50
100
200
300
400
500
600
700
800
900
950
Quy tắc: chữ luôn dùng navy (800–950 trên nền sáng). Lotus chỉ dành cho CTA, trạng thái active và điểm nhấn — không dùng làm màu chữ dài. Trạng thái tốt/xấu dùng emerald/red kèm icon, không dùng lotus.
3 · Typography — Be Vietnam Pro
Tiêu đề màn hình / 30 ExtraBold
Tiêu đề khối / 18 ExtraBold
Nhãn & nút / 14 Bold
Nội dung / 14 Regular — Hỗ trợ đầy đủ tiếng Việt: ăâđêôơư
Chú thích / 12 — thời gian, ghi chú phụ
4 · Components
5 · Ba phong cách thẻ
Nguyễn Văn An
Giám đốc Kinh doanh
+84 901 234 567
an.nguyen@lts.vn
Nguyễn Văn An
Giám đốc Kinh doanh
+84 901 234 567
an.nguyen@lts.vn
Nguyễn Văn An
Giám đốc Kinh doanh
+84 901 234 567
an.nguyen@lts.vn