# GPT Image Hub prompt

## 일본풍 AI 코딩 부트캠프 랜딩 페이지 목업
- URL: https://www.gptimagehub.com/ko/library/japanese-ai-coding-bootcamp-landing-page-mockup
- Generator URL: https://www.gptimagehub.com/ko/generate?promptId=oss-ym-g2-27493
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fko%2Flibrary%2Fjapanese-ai-coding-bootcamp-landing-page-mockup
- Category: UI / UX 디자인
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: 랜딩페이지, ui디자인, 웹목업, 일본어타이포그래피, 부트캠프, ai에이전트
- Updated: 2026-10-27T12:41:08.098Z
- Created: 2026-10-27T12:41:08.098Z

7개 섹션으로 구성된 완성도 높은 일본어 세로형 모바일 랜딩 페이지 디자인을 생성합니다. 부트캠프 명칭, 강사 프로필 및 카피 문구를 자유롭게 변경할 수 있습니다.

### Full prompt
```text
Full-page vertical Japanese mobile-web landing page mockup for [Vibe Coder Bootcamp], presenting an AI coding and AI agent bootcamp with a premium, thoughtful, and professional tone. High-fidelity UI design comp, crisp Japanese typography, clean spacing, dense informative layout.

Style & Color: Deep navy and black cinematic sections contrasted with clean white card sections, vivid orange accent typography, purple highlights, thin gray dividers, simple line icons, and documentary-style photography. Serif-like Japanese headlines mixed with modern sans-serif UI text.

Structure (7 numbered sections from top to bottom):
- Hero: Dark cinematic top banner. Left side features large orange English title "[Vibe Coder Bootcamp]", Japanese subtitle "AIを完全に味方につける、1.5ヶ月。", body text "1回2.5時間×全5回＋Demo Day。アプリも資料も動画も、あらゆるアウトプットをAIで", and an orange rounded CTA button reading "資料請求・お問い合わせ". Right side features a thoughtful Japanese businessman in a dark suit at a dimly lit desk with warm lamp glow, monitors showing code, and nighttime city lights.
- No.01 "課題": White background. Orange label "No.01 課題". Headline "AIは、もう十分に賢い。足りないのは、あなたの入力。" and "入力の質＝出力の質。" Right side shows a BEFORE/AFTER comparison: BEFORE card "あいまいな入力" to "あいまいな出力" with scribble icon; AFTER card "構造化された入力" to "価値の高い出力" with purple target icon, connected by an arrow.
- No.02 "解決＝コンテクストコントロール": White background. Orange label "No.02 解決＝コンテクストコントロール". Headline "コンテクストコントロール。AIエージェント時代の、基礎力。" and gradient text "まわせ Vibes Output Loop". Diagram of 3 connected circular steps: STEP1 "与える (GIVE)", STEP2 "蓄積する (ACCUMULATE)", STEP3 "循環させる (LOOP)".
- No.03 "カリキュラム": White background. Headline "SNSアプリ開発を“通じて”コンテクストコントロールを体得する。SNSを作るのが目的ではない。" Exactly 6 horizontal weekly cards with purple headers: WEEK01 "企画・要件定義", WEEK02 "UI/UX・設計", WEEK03 "実装・DB設計", WEEK04 "認証・セキュリティ", WEEK05 "デプロイ・運用", DEMO DAY "成果発表・講評". Below, 4 feature icon cards: "企画・UI/UX", "動くアプリ (DB・デプロイ)", "セキュリティ", "API・エージェント基盤".
- No.04 "卒業後にできること": White background. Row of 4 capability cards with thumbnails: "アプリ・サービス", "資料・ドキュメント", "画像・動画", "業務の自動化".
- No.05 "相棒すなわちAI": Full-width dark cinematic banner. Left text "一人で、会社を回す。" and "AIエージェントに仕事をさせ続ける人になる。" Right side shows the Japanese professional at night surrounded by floating semi-transparent UI charts and code.
- No.06 "講師": Dark gray section introducing instructor [泉水亮介], realistic professional portrait on concrete background with 3 gold laurel badge icons.
- No.07 "実績・CTA": White background with 3 key metrics cards ("開発アプリ 120+", "満足度 98%", "業務 9割をAIで") and a large orange CTA button "資料請求・お問い合わせ" with envelope icon. Minimal clean footer.

Composition: Continuous tall vertical webpage layout, 9:16 aspect ratio, no browser chrome, no external watermarks.
```