Tạo một trang đích SaaS chuyên nghiệp bằng tiếng Nhật từ ảnh chụp màn hình ứng dụng hiện có, bao gồm CTA chính, mockup sản phẩm, thanh điều hướng và các thẻ tính năng.
Sử dụng REFERENCE_0 làm ảnh chụp màn hình giao diện người dùng sản phẩm, hãy biến nó thành một trang đích SaaS chuyên nghiệp bằng tiếng Nhật cho DevKnow. Giữ cho ảnh chụp màn hình ứng dụng có thể nhận diện được nhưng đặt nó bên trong bản xem trước trình duyệt/mockup bo tròn lớn ở phía bên phải của phần hero, thu nhỏ một chút với bóng đổ mềm mại và điểm nhấn là đường kẻ/gradient trừu tượng màu tím tinh tế phía sau.
Bố cục: Tạo một trang đích trên máy tính để bàn gọn gàng với nền trắng và các điểm nhấn thương hiệu màu tím. Thêm thanh điều hướng trên cùng với logo/tên hiện có ở bên trái, năm liên kết menu căn giữa được gắn nhãn 「特徴」 (Tính năng), 「使い方」 (Cách sử dụng), 「料金」 (Giá cả), 「アップデート」 (Cập nhật), 「よくある質問」 (Câu hỏi thường gặp), và ở bên phải là 「ログイン」 (Đăng nhập) cùng một nút CTA màu tím được gắn nhãn 「無料で始める →」 (Bắt đầu miễn phí →).
Phần Hero: Ở bên trái, thêm một huy hiệu bo tròn nhỏ với nội dung 「AI・個人開発の最新ニュースを毎日お届け」 (Cập nhật tin tức mới nhất về AI và phát triển cá nhân mỗi ngày). Thêm tiêu đề lớn in đậm bằng tiếng Nhật: 開発の「今」を、毎日あなたのもとへ。 (Mang "hiện tại" của sự phát triển đến với bạn mỗi ngày) với cụm từ 「あなたのもとへ」 được làm nổi bật bằng màu tím. Bên dưới, thêm nội dung hỗ trợ: DevKnow は、AI・テック・個人開発に関する最新情報を毎日厳選してお届けするニュースアプリです。 (DevKnow là ứng dụng tin tức cung cấp thông tin mới nhất về AI, công nghệ và phát triển cá nhân được chọn lọc mỗi ngày). Thêm hai nút hero: một nút chính màu tím 「無料で始める →」 (Bắt đầu miễn phí →) và một nút phụ màu trắng 「使い方を見る」 (Xem cách sử dụng). Bên dưới các nút, thêm chính xác 3 điểm tin cậy với các biểu tượng dấu tích màu tím nhỏ: 「登録不要で始める」 (Bắt đầu không cần đăng ký), 「いつでも解約OK」 (Hủy bất cứ lúc nào), 「Webブラウザで利用可能」 (Có thể sử dụng trên trình duyệt web).
Phần tính năng: Bên dưới phần hero, thêm nhãn phần được căn giữa “FEATURES” bằng màu tím và tiêu đề 「DevKnow でできること」 (Những điều bạn có thể làm với DevKnow). Tạo chính xác 4 thẻ tính năng bo tròn trên một hàng với bóng đổ mềm mại và các biểu tượng màu tím: 1) biểu tượng tia sét, tiêu đề 「毎日の厳選ニュース」 (Tin tức chọn lọc mỗi ngày), mô tả 「AI・テック・個人開発の最新ニュースを毎日厳選してお届けします。」 (Chúng tôi chọn lọc và gửi đến bạn tin tức mới nhất về AI, công nghệ và phát triển cá nhân mỗi ngày); 2) biểu tượng các lớp xếp chồng, tiêu đề 「カテゴリで簡単に検索」 (Tìm kiếm dễ dàng theo danh mục), mô tả 「興味のあるカテゴリを選んで、必要な情報にすぐアクセス。」 (Chọn danh mục bạn quan tâm và truy cập thông tin cần thiết ngay lập tức); 3) biểu tượng dấu trang, tiêu đề 「保存してあとで読む」 (Lưu để đọc sau), mô tả 「気になるニュースを保存して、あとでゆっくり読めます。」 (Lưu các tin tức bạn quan tâm để đọc thong thả sau); 4) biểu tượng chuông, tiêu đề 「通知で見逃さない」 (Không bỏ lỡ với thông báo), mô tả 「重要なニュースは通知でお知らせ。トレンドを逃しません。」 (Thông báo cho bạn về các tin tức quan trọng. Không bỏ lỡ xu hướng).
Các ràng buộc về phong cách: Làm cho nó trông giống như một trang đích hiện đại, sẵn sàng để đưa vào sản xuất, không phải là ảnh chụp màn hình ứng dụng thô. Sử dụng lề rộng rãi, các góc bo tròn, bóng đổ tinh tế, các nút gradient màu tím, kiểu chữ tiếng Nhật sắc nét và loại bỏ mọi sự lộn xộn bên ngoài trang đích đã soạn thảo. Giữ nội dung giao diện người dùng của ứng dụng tham chiếu hiển thị nhưng ở vị trí phụ so với thiết kế trang đích.
