Mục tiêu

Bộ prompt này giúp bạn mô tả chính xác yêu cầu thiết kế background gradient cho website, từ đó nhận được gợi ý màu sắc, code CSS, hoặc hướng dẫn tạo hình ảnh phù hợp với thương hiệu và mục đích sử dụng.

• Tạo mô tả gradient chi tiết để dùng với công cụ tạo ảnh AI hoặc yêu cầu code CSS từ AI lập trình.
• Đảm bảo tính nhất quán về visual identity trên toàn bộ website.
• Tiết kiệm thời gian thử nghiệm màu sắc và phong cách thủ công.

Khi nào nên dùng

• Khi bắt đầu thiết kế giao diện website mới và cần định hướng màu sắc.
• Khi muốn làm mới giao diện hiện tại với xu hướng gradient đương đại.
• Khi cần tạo landing page, hero section hoặc background cho các thành phần UI nổi bật.
• Khi làm việc với khách hàng và cần trình bày nhiều phương án visual nhanh chóng.

Hướng dẫn tùy biến

Bạn có thể thay thế các thông tin trong ngoặc vuông […] để phù hợp với dự án cụ thể:

1. Thay [tên thương hiệu] bằng tên công ty hoặc sản phẩm thực tế.
2. Thay [màu chủ đạo] bằng mã hex hoặc tên màu trong bộ nhận diện thương hiệu.
3. Thay [phong cách] bằng từ khóa phong cách mong muốn: minimalist, bold, playful, luxury…
4. Thêm yêu cầu về animation nếu cần background động (CSS keyframes, particle effect…).

Lưu ý

• Gradient quá nhiều màu (trên 4 màu) dễ gây rối mắt, nên giới hạn 2–3 màu chính.
• Luôn kiểm tra độ tương phản giữa background và text theo chuẩn WCAG để đảm bảo khả năng đọc.
• Với dark mode, ưu tiên gradient tối có độ bão hòa thấp để tránh mỏi mắt khi dùng lâu.
• Nếu dùng kết quả để tạo ảnh bằng Midjourney hoặc Leonardo AI, hãy thêm thông số kỹ thuật như tỷ lệ khung hình và độ phân giải vào cuối prompt.