Bắt đầu / NEXOFRAME
Đây là NexoFrame.
Giới thiệuHệ quy chiếu chung giúp đội ngũ thiết kế và phát triển tạo ra những sản phẩm nhất quán trong hệ sinh thái Nexobox.
Một hệ thống, bốn lớp
01Foundation
Màu gốc, chữ, khoảng cách, kích thước, chuyển động.
02Theme & semantics
Đặt ý nghĩa cho token và ánh xạ theo từng brand, light / dark.
03Component
Đơn vị giao diện có API, trạng thái và hành vi xác định.
04Pattern
Phối hợp component để giải quyết một tình huống của người dùng.
Bắt đầu từ công việc của bạn
Brand → Component → Pattern
Chọn nhận diện sản phẩm, kiểm tra token và trạng thái của Button, sau đó đọc quy tắc kết hợp trong một luồng hoàn chỉnh.
Xem brand NexoBoxBa nguyên tắc khi áp dụng
| Nguyên tắc | Cách áp dụng |
|---|---|
| Ý nghĩa trước hình thức | Dùng semantic token theo vai trò. Không lấy màu thương hiệu thay màu trạng thái. |
| Chung hành vi, riêng nhận diện | Giữ nhãn, bàn phím, kích thước và state machine nhất quán. Thay theme trong phạm vi sản phẩm. |
| Phản hồi đúng sự thật | Chỉ hiển thị thành công sau khi xác nhận kết quả. Hành động của AI luôn có phạm vi và người chịu trách nhiệm. |
Phạm vi bản này: 5 trang brand, 1 component Button và 1 pattern Review & confirm làm mẫu. Brand kit là nguồn 1.0.0; các trang và React component là bản triển khai prototype, chưa phải package production.