Introduction
1thay Design System
Section titled “1thay Design System”1thay là design system tập trung vào sự đơn giản, gắn kết và hiệu quả. Toàn bộ token và component được quản lý trong Figma, đồng bộ qua MCP với code.
Nguồn dữ liệu
Section titled “Nguồn dữ liệu”| File Figma | Vai trò |
|---|---|
1-tokens | Design tokens gốc: màu sắc, typography, spacing, effects |
rpt-design-system-by-1thay | Components, patterns, semantic tokens, prototypes |
Số liệu
Section titled “Số liệu”- 456 variables · 8 collections
- 100 components · 51 component sets
- 19 text styles · 4 font families
- 2 brand modes: reputa-blue, premier-red
Nguyên tắc thiết kế
Section titled “Nguyên tắc thiết kế”- Semantic first — Dùng alias token (
color/bg-primary) thay vì giá trị gốc (#FFFFFF) - Multi-brand — 1 lần đổi brand token, toàn bộ system cập nhật
- 4px grid — Mọi spacing là bội số của 4
- Fluid typography — Font size dùng
clamp()tự co giãn theo màn hình