Một bản thiết kế hero SaaS tinh tế, hiển thị giao diện studio thiết kế landing page AI trong bối cảnh văn phòng màu xanh bạc hà dịu nhẹ.
Mục tiêu: Tạo một hình ảnh hero vuông tinh tế cho concept landing page SaaS để quảng bá MINTPAGE, một studio thiết kế landing page bằng AI.
Khung hình: Bố cục vuông 1:1, bối cảnh văn phòng với ánh sáng ban ngày dịu nhẹ, bảng màu xanh bạc hà pastel và xanh dương nhạt, thẩm mỹ công nghệ cao cấp, sạch sẽ, kết hợp giữa mockup sản phẩm 3D chân thực và kiểu chữ biên tập tinh tế.
Bố cục: Tập trung khung cảnh vào một màn hình máy tính để bàn lớn đặt trên bàn kính bóng loáng. Ở phía trên, đặt một hàng thương hiệu nhỏ với logo hình lá bạc hà tròn, từ MINTPAGE, một đường kẻ phân cách mỏng và tiêu đề phụ AI LANDING PAGE STUDIO. Bên dưới, sử dụng tiêu đề serif lớn, thanh lịch với màu xanh đậm: TẠI SAO HẦU HẾT CÁC TRANG AI ĐỀU TRÔNG NHÀM CHÁN?. Dưới tiêu đề, đặt chính xác 4 huy hiệu tính năng nhỏ trên một hàng với các biểu tượng bạc hà tinh xảo và nhãn: 1) AI-Powered, 2) React + Tailwind, 3) Production Ready, 4) Built to Convert.
Chủ thể chính: Màn hình hiển thị giao diện trình tạo ứng dụng web sạch sẽ để thiết kế landing page. Giao diện nên có thanh điều hướng phía trên và không gian làm việc chia đôi. Ở bên trái, hiển thị quy trình thiết lập dọc với chính xác 4 bước được đánh số: 1) Context — Xác định ý tưởng của bạn, 2) Style — Định hướng hình ảnh, 3) Design — AI tạo bố cục, 4) Code — Xuất mã sẵn sàng để sử dụng. Ở bảng điều khiển trung tâm, hiển thị tiêu đề “From Idea to Code. Instantly.” với cụm từ “Code. Instantly.” được viết bằng kiểu chữ in nghiêng màu bạc hà, theo sau là các trường biểu mẫu như Tên doanh nghiệp, Đối tượng mục tiêu và Sứ mệnh cốt lõi. Ở bảng bên phải, hiển thị trình chỉnh sửa mã có tiêu đề “Live Environment” với mã kiểu React/Tailwind dễ đọc nhưng nhỏ và một đoạn văn bản hiển thị ngắn ghi “Landing pages that look iconic. Built to convert.”
Các vật thể tiền cảnh: Ở phía bên trái bàn, đặt một tấm bảng để bàn bằng acrylic trong suốt có logo hình tròn cùng dòng chữ “MINTPAGE” và “AI LANDING PAGE STUDIO.” Bên dưới hoặc bên cạnh, xếp chồng chính xác 3 cuốn sách mỏng với nhãn gáy sách hiển thị: 1) BUILT FOR CONVERSION, 2) REACT + TAILWIND + AI, 3) DESIGN SYSTEMS THAT SCALE. Phía trước màn hình, đặt một bàn phím trắng mỏng. Ở phía bên phải, đặt một thẻ trạng thái nổi trong suốt nhỏ có tiêu đề “PROJECT STATUS” liệt kê chính xác 5 mục đã chọn: 1) Live Environment, 2) Context Defined, 3) Style Generated, 4) Design Created, 5) Code Exported. Ngoài ra, hãy thêm một ống cắm bút màu xanh nhạt có gân với chính xác 4 dụng cụ viết và một con chuột máy tính màu trắng.
Bối cảnh: Văn phòng hiện đại tối giản với các kệ và cây xanh được làm mờ nhẹ ở phía sau, ánh sáng cửa sổ lớn từ bên phải, phản chiếu tinh tế trên mặt bàn kính, độ sâu trường ảnh nhẹ nhàng, không có người.
Phong cách hình ảnh: Đồ họa ra mắt startup cao cấp, ánh sáng thể tích dịu nhẹ, nhiếp ảnh sản phẩm chân thực, lớp phủ glassmorphism, điểm nhấn màu xanh bạc hà, kiểu chữ serif màu xanh đậm, chi tiết giao diện sắc nét, không khí studio cao cấp và tĩnh lặng.
Các ràng buộc: Sử dụng chính xác các yếu tố đã liệt kê ở trên, giữ cho hình ảnh không bị lộn xộn, làm cho tiêu đề trở thành văn bản nổi bật nhất, tránh các logo, hình mờ hoặc văn bản không liên quan.