AIコーディングブートキャンプ LPデザインモックアップ

「[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ページ、ブラウザ枠や余計な透かしなし。