日式 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 画幅比例，无浏览器外框，无多余水印。