DevKnow SaaS ランディングページ
アプリのスクリーンショットから、ヒーロー CTA、プロダクトモックアップ、ナビゲーション、機能カードを備えた洗練された日本語の SaaS ランディングページを生成します。
プロンプト
REFERENCE_0 をプロダクト UI のスクリーンショットとして使用し、DevKnow のための洗練された日本語 SaaS ランディングページを作成してください。アプリのスクリーンショットは認識可能な状態を保ちつつ、ヒーローセクション右側の大きな角丸ブラウザ風モックアップ内に配置してください。少し縮小し、ソフトな影と背後に淡い紫色の抽象的なラインやグラデーションのアクセントを加えてください。
レイアウト：白背景に紫のブランドカラーをアクセントとした、クリーンなデスクトップ向けランディングページを作成してください。上部ナビゲーションバーには、左側に既存のロゴ／名称を配置し、中央に「特徴」、「使い方」、「料金」、「アップデート」、「よくある質問」の 5 つのメニューリンクを配置します。右側には「ログイン」と、紫色の CTA ボタン「無料で始める →」を配置してください。
ヒーローセクション：左側に「AI・個人開発の最新ニュースを毎日お届け」と書かれた小さな角丸バッジを追加します。その下に、太字で大きな日本語の見出し 開発の「今」を、毎日あなたのもとへ。 を配置し、「あなたのもとへ」というフレーズを紫色で強調してください。その下に、説明文 DevKnow は、AI・テック・個人開発に関する最新情報を毎日厳選してお届けするニュースアプリです。 を追加します。ヒーローボタンを 2 つ配置してください：紫色のプライマリボタン「無料で始める →」と、白色のセカンダリボタン「使い方を見る」です。ボタンの下には、小さな紫色のチェックアイコン付きで 3 つの信頼ポイントを配置してください：「登録不要で始める」、「いつでも解約OK」、「Web ブラウザで利用可能」。
機能セクション：ヒーローセクションの下に、中央揃えで紫色の「FEATURES」というラベルと、「DevKnow でできること」という見出しを追加してください。1 行に 4 つの角丸機能カードを作成し、ソフトな影と紫色のアイコンを付けてください：1) 稲妻アイコン、「毎日の厳選ニュース」、「AI・テック・個人開発の最新ニュースを毎日厳選してお届けします。」；2) 重なったレイヤーアイコン、「カテゴリで簡単に検索」、「興味のあるカテゴリを選んで、必要な情報にすぐアクセス。」；3) ブックマークアイコン、「保存してあとで読む」、「気になるニュースを保存して、あとでゆっくり読めます。」；4) ベルアイコン、「通知で見逃さない」、「重要なニュースは通知でお知らせ。トレンドを逃しません。」
スタイルの制約：単なるアプリのスクリーンショットではなく、モダンで実用的なランディングページのように見せてください。十分な余白、角丸、繊細な影、紫色のグラデーションボタン、読みやすい日本語タイポグラフィを使用し、構成されたランディングページ以外の不要な要素は削除してください。参照元のアプリ UI の内容は維持しつつ、ランディングページのデザインを主役にしてください。
参照画像
このプロンプトの使い方
- 1
上の完全なプロンプトをコピーします。
- 2
GPT Image 2 に対応したプラットフォーム（YouMind など）を開き、プロンプトを貼り付けます。
- 3
アイデアに合わせて被写体・スタイル・細部を入れ替え、生成します。
これは YouMind のプロンプトライブラリにある無料の AI プロンプトです。ほかにも数千点の 画像 プロンプトがあり、すべて自由にコピーして使えます。
ほかの 画像 プロンプトを見る
その他のプロンプト機能
ビジョンツール
画像からプロンプト
どんな写真も詳細な AI 画像プロンプトに変換。無料の Image to Prompt 変換ツールが構図・スタイル・ライティングを解析し、数秒で同じ表現を再現できます。
クリエイターのために。ずっと無料。
YouMind は世界中のクリエイターに信頼される AI 制作パートナーです。ここにあるプロンプトは、より速く、より良い制作を助けるために厳選されています。