# GPT Image Hub prompt

## AIコーディングブートキャンプ LPデザインモックアップ
- URL: https://www.gptimagehub.com/ja/library/japanese-ai-coding-bootcamp-landing-page-mockup
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-27493
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fjapanese-ai-coding-bootcamp-landing-page-mockup
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: ランディングページ, uiデザイン, lpモックアップ, 日本語タイポグラフィ, ブートキャンプ, aiエージェント
- Updated: 2026-10-27T12:41:08.098Z
- Created: 2026-10-27T12:41:08.098Z

AIコーディングスクール向けの7セクション構成による高品質な縦長LPモックアップを生成します。ブートキャンプ名や講師名、キャッチコピーを変更して調整可能です。

### Full prompt
```text
「[Vibe Coder Bootcamp]」のフルページ縦型モバイルWebランディングページのモックアップ。AIコーディングおよびAIエージェントのブートキャンプを、高級感と知性、実用性を兼ね備えたトーンで表現。高解像度のUIデザインカンプ、シャープな日本語タイポグラフィ、整然とした余白、情報密度が高く読みやすいレイアウト。

スタイルとカラー：ダークネイビーと黒のシネマティックなセクションと、清潔感のある白のカードセクションのコントラスト。鮮やかなオレンジのアクセントタイポグラフィ、紫のハイライト、細いグレーの区切り線、シンプルなラインアイコン、ドキュメンタリー調の写真。明朝系日本語見出しとモダンなサンセリフUIフォントの組み合わせ。

構成（上から下へ整然と並ぶ全7セクション）：
- Hero：上部のダークなシネマティックバナー。左側に大きなオレンジの英語タイトル「[Vibe Coder Bootcamp]」、日本語サブタイトル「AIを完全に味方につける、1.5ヶ月。」、本文「1回2.5時間×全5回＋Demo Day。アプリも資料も動画も、あらゆるアウトプットをAIで」、丸みを帯びたオレンジのCTAボタン「資料請求・お問い合わせ」。右側には薄暗いオフィスで思索する黒スーツの日本人男性、暖色系デスクランプ、コードを表示するモニター、夜の街の明かり。
- No.01「課題」：白背景。オレンジのラベル「No.01 課題」。見出し「AIは、もう十分に賢い。足りないのは、あなたの入力。」「入力の質＝出力の質。」。右側にBEFORE/AFTERの比較図：BEFOREカード「あいまいな入力」→「あいまいな出力」（手書き落書きアイコン）、AFTERカード「構造化された入力」→「価値の高い出力」（紫のターゲットアイコン）、矢印で連結。
- No.02「解決＝コンテクストコントロール」：白背景。オレンジラベル「No.02 解決＝コンテクストコントロール」。見出し「コンテクストコントロール。AIエージェント時代の、基礎力。」とグラデーション文字「まわせ Vibes Output Loop」。矢印で繋がれた3つの円形ループステップ：STEP1「与える (GIVE)」、STEP2「蓄積する (ACCUMULATE)」、STEP3「循環させる (LOOP)」。
- No.03「カリキュラム」：白背景。見出し「SNSアプリ開発を“通じて”コンテクストコントロールを体得する。SNSを作るのが目的ではない。」。紫ヘッダー付きの6枚の週間カリキュラムカード：WEEK01「企画・要件定義」、WEEK02「UI/UX・設計」、WEEK03「実装・DB設計」、WEEK04「認証・セキュリティ」、WEEK05「デプロイ・運用」、DEMO DAY「成果発表・講評」。下に4つの特徴アイコンカード：「企画・UI/UX」「動くアプリ (DB・デプロイ)」「セキュリティ」「API・エージェント基盤」。
- No.04「卒業後にできること」：白背景。サムネイル付きの4枚のカードが一列に並ぶ：「アプリ・サービス」「資料・ドキュメント」「画像・動画」「業務の自動化」。
- No.05「相棒すなわちAI」：全幅のダークシネマティック帯。左側に「一人で、会社を回す。」「AIエージェントに仕事をさせ続ける人になる。」。右側に半透明のUIチャートやコードに囲まれた日本人ビジネスマンの夜景カット。
- No.06「講師」：ダークグレーのセクション。講師「[泉水亮介]」の紹介、コンクリート背景の落ち着いた表情のポートレート、右側に3つのゴールドの月桂樹バッジ。
- No.07「実績・CTA」：白背景に3つの実績メトリクスカード（「開発アプリ 120+」「満足度 98%」「業務 9割をAIで」）、封筒アイコン付きの大きなオレンジCTAボタン「資料請求・お問い合わせ」。シンプルなフッター。

構図：9:16比率の縦長連続Webページ、ブラウザ枠や余計な透かしなし。
```