Introduction

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

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

• 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ế

• 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