Vibe Coder Bootcamp Landing Page

A detailed prompt for generating a premium Japanese AI coding bootcamp landing page with seven structured sections, diagrams, curriculum cards, portraits, and CTA blocks.

Objetivo: Criar um mockup de landing page vertical em japonês para {argument name="bootcamp name" default="Vibe Coder Bootcamp"}, apresentando um bootcamp de programação com IA / agentes de IA com um tom premium, sério e levemente filosófico, mas com benefícios práticos claros.

Canvas: Captura de tela de landing page mobile-web alta, proporção de aproximadamente 9:16, corpo da página branco com faixas escuras cinematográficas no topo e no meio. Use um estilo de landing page de startup/educação polido, alta fidelidade, tipografia nítida e espaçamento limpo.

Estilo visual: Design de negócios premium japonês combinando tipografia de destaque laranja, fundos azul-marinho/preto profundos, cartões de conteúdo brancos, divisórias cinzas finas, destaques roxos, ícones de linha simples e retratos estilo documentário. Use tipografia de títulos em japonês com serifa misturada com texto de interface sem serifa moderno. Torne o layout denso, mas legível, como um design de LP real.

Layout e seções: Inclua exatamente 7 seções numeradas rotuladas de No.01 a No.07.

Seção Hero: No topo, banner cinematográfico escuro. O lado esquerdo contém um grande título em inglês laranja “Vibe Coder Bootcamp”, subtítulo em japonês “AIを完全に味方につける、1.5ヶ月。” e um texto menor em japonês “1回2.5時間×全5回＋Demo Day。アプリも資料も動画も、あらゆるアウトプットをAIで”. Adicione um botão de chamada para ação (CTA) arredondado laranja escrito “資料請求・お問い合わせ”. O lado direito mostra um homem japonês realista de terno preto sentado pensativo em um escritório/biblioteca à noite, com luzes da cidade, monitores de computador, estantes de livros e iluminação quente de luminária de mesa.

Seção No.01: Fundo branco com “No.01” laranja e pequeno rótulo “課題”. Título grande em japonês: “AIは、もう十分に賢い。足りないのは、あなたの入力。” Linha de apoio: “入力の質＝出力の質。” À direita, mostre um diagrama de dois cartões ANTES / DEPOIS: o cartão ANTES diz “あいまいな入力” levando a “あいまいな出力” com um ícone de rabisco bagunçado; o cartão DEPOIS diz “構造化された入力” levando a “価値の高い出力” com um ícone de alvo roxo. Coloque uma pequena seta entre os dois cartões.

Seção No.02: Fundo branco com “No.02” laranja e rótulo “解決＝コンテクストコントロール”. Título principal: “コンテクストコントロール。AIエージェント時代の、基礎力。” Adicione uma grande frase em gradiente “まわせ Vibes Output Loop”. À direita, mostre exatamente 3 etapas de loop circulares conectadas por setas curvas: PASSO 1 “与える (GIVE)” com ícone de documento/pessoa e pequena explicação sobre fornecer contexto, propósito, restrições e informações de cartão necessárias; PASSO 2 “蓄積する (ACCUMULATE)” com ícone de balão de chat e explicação sobre acumular trabalho, ideias e contexto da empresa através de chat diário; PASSO 3 “循環させる (LOOP)” com setas de loop laranja e explicação sobre circular repetidamente o contexto através de ferramentas, documentos, vídeos e aplicativos.

Seção No.03: Fundo branco com “No.03” laranja e rótulo “カリキュラム”. Título: “SNSアプリ開発を“通じて”コンテクストコントロールを体得する。SNSを作るのが目的ではない。” Inclua exatamente 6 cartões de currículo horizontais com cabeçalhos roxos: WEEK01 “企画・要件定義”, WEEK02 “UI/UX・設計”, WEEK03 “実装・DB設計”, WEEK04 “認証・セキュリティ”, WEEK05 “デプロイ・運用”, DEMO DAY “成果発表・講評”. Abaixo deles, adicione exatamente 4 cartões de recursos com ícones: “企画・UI/UX” com ícone de wireframe laranja, “動くアプリ (DB・デプロイ)” com ícone de banco de dados roxo, “セキュリティ” com ícone de escudo escuro e “API・エージェント基盤” com ícone de nós conectados roxo.

Seção No.04: Fundo branco com “No.04” laranja e rótulo “卒業後にできること”. Mostre exatamente 4 cartões de capacidade em uma linha com ilustrações em miniatura: “アプリ・サービス” com captura de tela de dashboard de app, “資料・ドキュメント” com páginas de gráfico/relatório, “画像・動画” com miniatura de editor de vídeo/imagem e botão de play, e “業務の自動化” com ícone de fluxograma de automação. Cada cartão tem uma pequena linha explicativa em japonês abaixo do título.

Seção No.05: Faixa cinematográfica escura de largura total. O lado esquerdo contém “No.05” laranja e rótulo “相棒すなわちAI”. Título grande em branco: “一人で、会社を回す。” Texto de apoio: “AIエージェントに仕事をさせ続ける人になる。” O lado direito mostra o mesmo empresário japonês sério em uma mesa com as mãos entrelaçadas, várias telas de análise/UI transparentes, gráficos, código, clima de escritório noturno, luminária quente e detalhes de globo.

Seção No.06: Faixa de retrato cinza escuro. O lado esquerdo contém “No.06” laranja e rótulo “講師”. Título: “教えるのは、日本でただ一人。泉水亮介” com credenciais menores em japonês sobre artes liberais, empreendedorismo, ensino universitário e Vibe Coding. O lado direito mostra um retrato profissional realista de {argument name="instructor name" default="泉水亮介"}, homem japonês, jaqueta preta, expressão calma, fundo de parede de concreto. Adicione três pequenos emblemas de louro dourados na extrema direita com alegações estilo prêmio em japonês.

Seção No.07: Faixa final de CTA em fundo branco. Rótulo esquerdo laranja “No.07” e “実績・CTA”. Inclua exatamente 3 cartões de métricas: “開発アプリ 120+”, “満足度 98%” e “業務 9割をAIで”, cada um com um pequeno ícone. À direita, coloque um grande botão arredondado laranja com ícone de envelope escrito “資料請求・お問い合わせ” e um texto menor “お気軽にご相談ください”. Adicione uma linha de rodapé fina com texto pequeno em japonês referenciando o Vibe Coder Bootcamp e as habilidades da era dos agentes de IA.

Restrições: Mantenha todo o texto visível em japonês onde especificado, preserve as exatas 7 seções numeradas, 6 cartões de currículo, 4 cartões de recursos, 4 cartões de capacidade, 3 etapas de loop e 3 métricas finais. Não adicione seções extras, marcas d'água, elementos de navegador ou logotipos não relacionados. O resultado final deve parecer uma única captura de tela contínua de landing page, em vez de Slides separados.

Tradução automática — o prompt original é o que gerou este resultado.

✨ Gerar Salvar Copiar prompt Compartilhar Publicação original Abrir no Hitboard