สตูดิโอภาพ

โมเดล

พรอมป์1,732 / 1,000

Using the reference photo as the product UI screenshot, create a polished Japanese desktop SaaS landing page for [DevKnow]. Place the recognizable app UI inside a large rounded browser mockup preview on the right side of the hero section, slightly scaled down with a soft shadow and a subtle purple abstract gradient glow behind it.

Layout and Style: Modern production-ready desktop website on a clean white background with subtle purple brand accents, generous whitespace, rounded corners, and crisp typography.

Top Navigation Bar: Brand logo and name [DevKnow] on the left; five centered text navigation links: 「特徴」, 「使い方」, 「料金」, 「アップデート」, 「よくある質問」; on the right, text link 「ログイン」 and a purple pill CTA button labeled 「無料で始める →」.

Hero Section (Left side):
- Small rounded badge at the top: 「AI・個人開発の最新ニュースを毎日お届け」
- Bold Japanese headline: [開発の「今」を、毎日あなたのもとへ。] with the phrase 「あなたのもとへ」 highlighted in purple.
- Subheadline text: [DevKnow は、AI・テック・個人開発に関する最新情報を毎日厳選してお届けするニュースアプリです。]
- Call-to-action buttons: primary purple button 「無料で始める →」 and secondary outline button 「使い方を見る」.
- Trust badges row below the buttons with 3 purple checkmark icons: 「登録不要で始める」, 「いつでも解約OK」, 「Webブラウザで利用可能」.

Features Section (Centered below hero):
- Small purple section tag: “FEATURES” above the heading 「DevKnow でできること」.
- A single row of 4 rounded feature cards with subtle drop shadows and purple vector icons:
  1) Lightning icon: title 「毎日の厳選ニュース」, description 「AI・テック・個人開発の最新ニュースを毎日厳選してお届けします。」
  2) Stacked layers icon: title 「カテゴリで簡単に検索」, description 「興味のあるカテゴリを選んで、必要な情報にすぐアクセス。」
  3) Bookmark icon: title 「保存してあとで読む」, description 「気になるニュースを保存して、あとでゆっくり読めます。」
  4) Bell icon: title 「通知で見逃さない」, description 「重要なニュースは通知でお知らせ。トレンドを逃しません。」

Ctrl / ⌘ + Enter

อ้างอิง0 / 16

อัตราส่วนภาพ

คุณภาพ

ความละเอียด

จำนวนภาพ

1 / 4

ผลลัพธ์

เริ่มต้นด้วยพรอมป์

รูปภาพที่สร้างขึ้นจะปรากฏที่นี่

รับแรงบันดาลใจ