Màu thương hiệu
Token định nghĩa trong app/globals.css, tự động đổi theo theme sáng/tối.
Kiểu chữ
Font Inter (subset vietnamese).
Tiêu đề lớn (text-3xl)
Tiêu đề section (text-2xl)
Tiêu đề nhỏ (text-lg)
Nội dung thường (text-base) — Luyện tập thông minh, tự tin bước vào mọi kỳ thi.
Nội dung phụ (text-sm text-muted-foreground)
Button
6 variant × 6 size.
Badge
Card
Ví dụ card icon-header như dùng ở Subjects/Dashboard.
Alert
Form fields
Avatar & Progress
65% mẫu
Skeleton & Empty
Accordion & Tabs
Table
| Môn học | Câu đã làm | Trạng thái |
|---|---|---|
| Toán & Logic | 297 | Hoàn thành |
| Khoa Học | 208 | Đang làm |
Tooltip & icon status
Pattern Dashboard/Marketing
Bố cục dashboard/quảng cáo phổ biến (banner khuyến mãi, card tiến độ, card hành động, card khoá học lồng nhau) — dựng lại bằng component + nội dung EduLearn, không sao chép layout/nội dung riêng của bất kỳ sản phẩm nào đã xem qua.
Mới: Ôn luyện thông minh
Hệ thống giờ tự ưu tiên câu hỏi bạn còn yếu và câu đến hạn ôn lại — cập nhật cho mọi môn học, không cần bật thêm gì.
5/25
Luyện nghe
2/25
Từ vựng
3/25
Ngữ pháp
8/25
Thành tích
Ôn luyện thông minh
Chấm điểm tức thì
Thi thử sát thật
Ảnh có sẵn trong public/images
Kiểm tra từng file — phần lớn là ảnh chụp màn hình/nhãn tính năng của app mẫu khác (chat AI generator) và ảnh khuôn mặt người thật, KHÔNG phù hợp dùng cho EduLearn. Chỉ 2 loại dưới đây là ảnh trang trí trung tính, an toàn để dùng.
.hero-glow-bg khi cần texture ảnh thật thay vì CSS thuần.hero/hero-img.jpg, tab-image/*.jpg— ảnh chụp màn hình app chat AI khác (sidebar "Text/Image/Code Generator", tên người dùng giả). users/*.png, notifications/*.png — ảnh khuôn mặt người thật (stock photo), dùng làm testimonial mẫu dễ bị hiểu nhầm là học sinh thật. brands/*.svg, benefits/ind-*.svg — nhãn tính năng có chữ tiếng Anh gắn cứng, không liên quan EduLearn.