Mô tả giao diện cho AI

Khi nào dùng

Trước khi AI dựng giao diện lần đầu, hoặc khi giao diện đang “trông chung chung”.

Chuẩn bị

3–5 từ mô tả cảm giác; 1–3 link tham khảo kèm lý do thích/không thích; màu thương hiệu nếu có.

Prompt

Tôi cần định hướng giao diện cho [TÊN DỰ ÁN] (xem BRIEF.md).

Cảm giác mong muốn: [3-5 từ, ví dụ: mộc, ấm, tin cậy, nhiều ảnh thật]
Người xem chủ yếu dùng: [điện thoại / máy tính]
Tham khảo:
- [link 1]: thích [điểm cụ thể], không thích [điểm cụ thể]
- [link 2]: ...
Màu có sẵn: [mã màu nếu có, hoặc "chưa có"]

Hãy đề xuất:
1. 2 phương án phong cách khác nhau, mỗi phương án mô tả trong 3-4 câu.
2. Với phương án bạn khuyên: bảng màu (nền, chữ, màu nhấn, viền, lỗi) dạng biến CSS,
   font (có hỗ trợ tiếng Việt), cỡ chữ, khoảng cách, bo góc.
3. Kiểm tra độ tương phản chữ/nền đạt WCAG AA và nói rõ cặp màu nào chưa đạt.

Chưa dựng trang. Chờ tôi chọn phương án.

Kết quả tốt trông thế nào

• Hai phương án khác nhau rõ rệt, không phải hai biến thể của cùng một kiểu.
• Font được chọn hiển thị đúng dấu tiếng Việt.
• Có biến CSS để mọi trang dùng chung.

Dấu hiệu AI làm sai

• Đề xuất gradient tím-xanh và hiệu ứng kính mờ cho mọi thứ (phong cách mặc định của AI).
• Không nhắc tới tương phản hay chữ trên điện thoại.

Bước tiếp theo

Đưa phương án đã chọn vào brief mục 6, rồi giao lát cắt giao diện.