
Макет японского лендинга для буткемпа по ИИ-кодингу
Создает полный вертикальный макет японского мобильного лендинга из 7 разделов для буткемпа по кодингу с ИИ. Настройте название, имя преподавателя и тексты.
Промпт
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.
Что можно изменить
Перед генерацией замените эти части промпта своей темой или текстом.
[Vibe Coder Bootcamp]заполнитель[泉水亮介]заполнитель
Сведения о промпте
- Категория
- UI / UX дизайн
- Модель
- GPT IMAGE 2
- Стоимость за изображение
- 1K: 43 кредита · 2K: 86 кредитов · 4K: 143 кредита
- Соотношение сторон
- 9:16
- Добавлено