GPT Image 2.6 用モバイルのランディングページのプロンプト
見出し、「無料で試す」ボタン、UI プレビュー付きの 3 つの機能ブロック、推薦の声、フッターを備えた、幅 390 px の縦長モバイルランディングページ。
プロンプト
[AI ライティングアプリ] のモバイル向けランディングページを作ってください：見出し、サブ見出し、「無料で試す」ボタン、小さな UI プレビュー付きの 3 つの機能ブロック、推薦の声、フッター。幅 390 px、縦に長いスクロールのレイアウトを全体表示し、フレームはなし。
- 対応モデル
- GPT Image 2.6
- 収録セット
- GPT Image 2.6 プロンプト
このプロンプトについて
ランディングページのプロンプトの多くはヒーローで終わります。これはスマートフォン上のページ全体を求めます。幅 390 px で、縦に長いスクロールのレイアウトとして全体を表示し、見出し、サブ見出し、「無料で試す」ボタン、それぞれ小さな UI プレビュー付きの 3 つの機能ブロック、推薦の声、フッターが入ります。誰かが CSS を書く前に、セクションがどう積み重なるか、ページが長すぎないかがわかります。
[AI ライティングアプリ] を置き換え、見出しは引用符で自分で書いてください。ページが成り立つかどうかを左右する 1 行だからです。3 つの機能も、「あなたの口調で書き直す」「どんな文書も要約」「すべてのアプリで使える」のように名前を挙げておくと、小さなプレビューに具体的なものを見せられます。
スクロールするページ全体は 1 枚の画像に多くを詰め込むので、複雑さの設定が、モデルが描画する前にどれだけ計画するかを左右します。これはデフォルトの high のままにしてください。作るには、Codex に画像を添付し、幅 390 px の HTML としてページを頼みます。
同じセットのほかのプロンプト
- GPT Image 2.6 用 404 ページのプロンプト旅行サイトの親しみやすい 404 ページ。迷子のスーツケースのイラスト、遊び心ある見出し、検索欄、主要セクションへのリンクで構成します。
- GPT Image 2.6 用アナリティクスダッシュボードのプロンプトサイドバー、期間選択、4 つの KPI カード、折れ線グラフ、チャネル別の棒グラフ、上位ページの表を備えたウェブ解析ダッシュボード。
- GPT Image 2.6 用 CRM の営業パイプラインボードのプロンプトリード、見込みあり、提案、受注の列、金額・担当者・経過日数付きの商談カード、検索と「新規商談」ボタンを備えた CRM のパイプラインボード。
- GPT Image 2.6 用管理画面のユーザーテーブルのプロンプト検索、ロールとステータスのフィルター、5 つの列、有効・招待中・停止中のバッジ、行の操作、ページネーションを備えた管理画面のテーブル。
- GPT Image 2.6 用週表示カレンダーアプリのプロンプト月のミニカレンダー、カレンダーの一覧、色分けされた予定、「作成」ボタン、予定詳細のポップオーバーを備えた週表示のカレンダー Web アプリ。
- GPT Image 2.6 用 3 ペインのメールクライアントのプロンプトフォルダ、差出人・件名・プレビュー・時刻のメッセージ一覧、返信ボタン付きの開いたメールを備えた 3 ペインのメールクライアント。