Brand Guidelines & UI System
EduCenter Design System
Quy chuẩn thiết kế giao diện Apple-inspired pastel kết hợp tông màu đất ấm áp (#c97a61), tôn trọng tính dễ đọc, khả năng tiếp cận cao và phong cách sư phạm chuyên nghiệp.
1. Color Palette
Bảng màu chính thức được sử dụng trên toàn bộ nền tảng.
2. Typography
Phông chữ được tối ưu cho tiếng Việt và hiển thị trên màn hình Retina.
Display & Brand Titles
Outfit
Được sử dụng cho các tiêu đề chính (Hero titles, số liệu nổi bật). Đem lại vẻ hiện đại, tự tin và vững chắc.
Kiến tạo tương lai giáo dục minh bạch & hiệu quả
Body & Interface Text
Plus Jakarta Sans
Phông chữ giao diện chính thức. Khả năng hiển thị dấu thanh tiếng Việt xuất sắc, tối ưu cho đọc văn bản dài.
Giáo viên, trường mầm non và phụ huynh cùng quản trị dữ liệu học tập, công nợ và học liệu trên một nền tảng thống nhất.
3. Button & Badge Showcase
Các thành phần nút bấm và thẻ nhãn đồng bộ.
Buttons
Status Badges
Terracotta Brand Hoạt động (Active) Chờ duyệt (Pending) Hot Tuyển Dụng Tài nguyên miễn phí