Foundations Overview
Foundations Overview
Section titled “Foundations Overview”Foundations là các design tokens và nguyên tắc cơ bản tạo nên nền tảng của 1thay design system. Mọi component và pattern đều được xây dựng từ những foundations này.
Có gì trong Foundations?
Section titled “Có gì trong Foundations?”| Token | Mô tả | Trang |
|---|---|---|
| Colors | Bảng màu với semantic tokens cho light/dark mode | Xem → |
| Typography | Hanken Grotesk, Inter, JetBrains Mono — type scale đầy đủ | Xem → |
| Spacing | Thang khoảng cách dựa trên lưới 4px | Xem → |
| Iconography | Hệ thống icon, kích thước, stroke style | Xem → |
| Shadows | Độ nổi và elevation tokens | Xem → |
Nguyên tắc cốt lõi
Section titled “Nguyên tắc cốt lõi”Cách sử dụng
Section titled “Cách sử dụng”- Bắt đầu với Colors — chọn semantic tokens cho nền, chữ, border
- Thiết lập Typography — chọn font và cỡ chữ cho từng cấp
- Áp dụng Spacing — dùng token spacing cho padding, margin, gap
- Thêm Icons và Shadows khi cần