日系 AI 編程訓練營行動端到達頁設計稿

適用於 [Vibe Coder Bootcamp] 的全頁垂直日式移動網頁著陸頁（Landing Page）設計稿，展示關於 AI 程式設計與 AI Agent 的訓練營，呈現高階、深刻且極具實戰價值的調性。高保真 UI 介面原型，清晰利落的日文字型排版，規整的間距，資訊密集且層次分明的佈局。 視覺風格與配色：深海軍藍與純黑的電影感區塊，與乾淨利落的白色卡片區域形成鮮明對比。明亮的橙色強調色文字、紫色點綴、細灰色分割線、簡約線性圖示與紀錄片質感的人物寫真。襯線日文標題搭配現代無襯線 UI 字型。 頁面結構（自上而下嚴格呈現 7 個編號區塊）： - Hero（首屏）：頂部深色電影質感橫幅。左側包含醒目的橙色英文大標題“[Vibe Coder Bootcamp]”，日文副標題“AIを完全に味方につける、1.5ヶ月。”，正文“1回2.5時間×全5回＋Demo Day。アプリも資料も動畫も、あらゆるアウトプットをAIで”，以及橙色圓角行動號召按鈕“資料請求・お問い合わせ”。右側為一名身穿黑色西裝的日本男性商務人士在微暗的書房/辦公室沉思，伴有暖光檯燈、顯示程式碼的螢幕與城市夜景。 - 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エージェントに仕事をさせ続ける人になる。”右側為同一位日本商務人士在夜間辦公桌前，環繞著半透明資料圖表和程式碼介面。 - No.06“講師”：深灰色區塊。介紹講師“[泉水亮介]”，右側為灰水泥牆背景下的專業肖像照，右側帶 3 枚金色月桂冠徽章。 - No.07“実績・CTA”：白色背景底部。包含 3 個資料指標卡（“開発アプリ 120+”、“満足度 98%”、“業務 9割をAIで”）以及帶信封圖示的大號橙色按鈕“資料請求・お問い合わせ”。極簡日文頁尾。 構圖與規格：連續單頁式縱向網頁截圖，9:16 畫幅比例，無瀏覽器外框，無多餘水印。