Thiết kế & banner Nano Banana Gemini Tỉ lệ 3:2

Tạo mockup giao diện dashboard fintech cao cấp (dark theme)

Prompt mô tả chi tiết như spec thiết kế thật: dashboard fintech dark theme, neumorphism mềm, điểm nhấn vàng gold, kèm design tokens - mẫu học cách đặc tả UI cho AI.

Đăng bởi Solovn · Cập nhật

Nội dung Prompt

Bạn là một UI designer giàu kinh nghiệm theo đuổi thiết kế hiện đại, tối giản, đổ bóng, hiệu ứng kính và màu mềm.

Vai trò của bạn là tạo một mockup chuyên nghiệp, đẹp, sẵn sàng bàn giao theo các yêu cầu sau:

1. PHONG CÁCH TỔNG & NGÔN NGỮ THỊ GIÁC
Giao diện đại diện cho một dashboard giao dịch fintech/crypto cao cấp, hiện đại, dùng dark theme. Ngôn ngữ thị giác kết hợp neumorphism mềm và thẩm mỹ Web3 sang trọng.
Đặc trưng lõi: điểm nhấn vàng gold/cam ấm; bảng màu đơn sắc với hiệu ứng và bóng tối giản; bố cục dạng thẻ có chiều sâu; viền tối thiểu, phân tách bằng bóng hoặc nền sáng nhẹ.
Cảm nhận mục tiêu: an toàn, chuyên nghiệp, đẳng cấp tổ chức, tối ưu cho trader chuyên.

2. CẤU TRÚC BỐ CỤC
Dashboard desktop-first, tỉ lệ 3:2, ba vùng chính: (1) thanh điều hướng trên (ngang), (2) sidebar trái (dọc), (3) vùng nội dung chính (lưới thẻ nhiều cột). Khoảng cách hào phóng, ưu tiên rõ ràng và khoảng thở.

3. THANH ĐIỀU HƯỚNG TRÊN
Cao 72px. Trái: logo chữ "Mevolut" + chữ "M" cách điệu, điểm nhấn vàng. Giữa: link Dashboard, Security, Referral, Trading Fees, API management. Phải: link Order, nút CTA chính "Deposit" (nút pill vàng), avatar tròn, nút đổi theme (icon mặt trăng). Chữ sans-serif sạch, đậm vừa; trắng cho chính, xám mờ cho trạng thái không hoạt động.

4. SIDEBAR TRÁI
Rộng 240px, nền gần đen. Các mục dọc có icon: Dashboard (đang chọn), Security, Referral, Trading Fees, API management; dưới cùng: Settings. Mục đang chọn: nền nhấn nhẹ, bo tròn. Icon kiểu outline, vàng khi active.

5. VÙNG NỘI DUNG CHÍNH
5.1 Thẻ tổng quan người dùng: thẻ lớn bo tròn trên cùng - avatar tròn, lời chào + tên; các khối thông tin: UID (icon copy), trạng thái xác minh, mức bảo mật, múi giờ, lần đăng nhập cuối; bên phải nút "Hide info". Bóng trong nhẹ.
5.2 Thẻ nạp/mua: thẻ vừa - tiêu đề giải thích, 2 hàng hành động (nạp đô/crypto, mua cổ phiếu nội tệ), mỗi hàng có icon + nhãn + nút mũi tên vàng.
5.3 Thẻ tổng tài sản: số dư USD + quy đổi, watermark ký hiệu Đô la lớn mờ phía sau, tab Buy stocks / Deposit / Withdraw, số liệu cỡ lớn.
5.4 Thẻ cấp VIP: cấp hiện tại, phí spot/futures, thanh tiến trình giữ token (bo tròn, nền tối), link "View more".
5.5 Bảng tài sản đang giữ: cột Coin (icon + tên), Giá, Biến động 24h, Xu hướng 4h (sparkline xanh tăng/đỏ giảm), Hành động (Deposit, Withdraw, Trade); hover sáng nhẹ từng hàng.
5.6 Thẻ chương trình affiliate: minh hoạ đồng xu vàng, mô tả ngắn + nút "Apply now".
5.7 Thẻ tin tức: danh sách thông báo dọc (tiêu đề + thời gian), link "View more".

6. BẢNG MÀU
Nền chính: than đen sâu (#0B0D10); mặt thẻ sáng hơn chút (#14171C); điểm nhấn: vàng ấm (#F5A623); chữ: trắng (chính), xám mờ (phụ), xám tối (disabled); trạng thái: xanh lá tăng (#22C55E), đỏ giảm (#EF4444).

7. HIỆU ỨNG
Bo góc toàn bộ (thẻ radius 16, nút pill 999), bóng thẻ sâu mềm (0 20px 40px rgba đen 40%), font SF Pro/system-ui, icon outline 18px vàng khi active, sparkline xanh/đỏ, progress bar cao 6px bo tròn.

Đã được sao chép lần.

Cách dùng

  1. Dán nguyên prompt để có mockup dashboard fintech dark theme hoàn chỉnh - hoặc đổi tên app, màu nhấn, danh sách thẻ theo dự án của bạn.
  2. Phần design tokens cuối prompt là "bộ quy chuẩn" - sửa số liệu ở đó để đổi bo góc, màu, font đồng bộ.
  3. Tạo ở tỉ lệ 3:2 cho khung desktop.
  4. Dùng làm mockup pitch khách hàng, portfolio thiết kế, hình minh hoạ dịch vụ làm app/web.

Học cách đặc tả UI cho AI từ prompt này

Giá trị lớn nhất của prompt là CẤU TRÚC: mô tả theo vùng (top bar → sidebar → từng thẻ nội dung) kèm design tokens chính xác như spec thật. Freelancer thiết kế có thể tái dùng khung này cho mọi dự án mockup - chỉ thay nội dung từng vùng.

Mẹo

Khi pitch khách, tạo 2-3 biến thể đổi màu nhấn (vàng gold / xanh lục bảo / tím) từ cùng prompt - trông như đã làm 3 phương án thiết kế công phu.

Dịch vụ sản xuất nội dung

Solovn giúp bạn tiết kiệm thời gian sản xuất nội dung.

Tìm hiểu dịch vụ
Chat Telegram
Cookie & Quyền riêng tư

Shop dùng cookie để cải thiện trải nghiệm, ghi nhớ giỏ hàng và phân tích traffic. Xem chi tiết tại Chính sách Cookie.

Tìm hiểu thêm