Tất cả các token màu sắc, typography, primitive components và quy tắc trải nghiệm người dùng (a11y) theo đúng quy định PROJECT_RULES.md.
Chỉ sử dụng 5 màu chính đã được duyệt. Tints được tạo hoàn toàn từ opacity / RGBA.
CTA chính, nút bấm đỏ, điểm nhấn nổi bật
Highlight phụ, Focus ring a11y, Badge
Chữ chính, nền tối, Footer, Border tối
Đường viền, đường phân cách, nền xám nhẹ
Nền trang chính, thẻ trắng, văn bản trên nền tối
Font chữ Plus Jakarta Sans / Be Vietnam Pro đáp ứng responsive mượt mà từ mobile đến desktop.
Body Large: Đoạn văn bản giới thiệu chính với khoảng cách dòng thoáng (16-18px).
Body Medium: Văn bản thông dụng tiêu chuẩn 16px.
Body Small: Chữ phụ 14px dùng cho thông tin mô tả chi tiết.
Caption: Ghi chú nhỏ 12px dùng cho ngày tháng, nhãn tác giả.
Bao gồm các kiểu Primary (Đỏ), Secondary (Outline Navy), Ghost, Yellow, Danger với size sm / md / lg và các trạng thái default, hover, focus, disabled, loading.
Thành phần hiển thị thông tin với bo góc chuẩn (Card 16px, Pill 999px) và shadow nhẹ.
Bóng đổ soft alpha nhẹ nhàng với viền xám mềm.
Nội dung thẻ nguyên bản sử dụng cho danh sách prompt và bài viết.
Rê chuột để thấy hiệu ứng viền đỏ và nâng thẻ nhẹ.
Rất thích hợp dùng cho các thẻ mẫu prompt có thể click vào xem chi tiết.
Tương phản nổi bật trên nền Deep Navy.
Sử dụng cho các khối thông báo quan trọng hoặc tính năng VIP.
Input, Textarea, Select, Checkbox, Radio, SearchField với nhãn label, text trợ giúp và thông báo lỗi rõ ràng.
Vui lòng điền tên đầy đủ như trên giấy tự công tác.
Email không đúng định dạng chuẩn.
Tối đa 500 ký tự.
Các thành phần nguyên bản phản hồi trạng thái ứng dụng cho người dùng.
Thao tác sao chép prompt mẫu đã hoàn tất.
Vui lòng kiểm tra lại đường truyền internet của bạn.
Thử thay đổi từ khóa tìm kiếm hoặc bộ lọc danh mục để hiển thị kết quả.
Kiểm tra trực quan độ tương phản, trạng thái focus-visible khi bấm phím TAB và khả năng hiển thị ở các khung hình di động.
Thử bấm phím Tab trên bàn phím để di chuyển focus qua các nút bên dưới. Viền highlight viền vàng (Focus Ring) phải xuất hiện rõ ràng, tuân thủ tiêu chuẩn WCAG accessibility.