Um prompt detalhado para gerar uma landing page premium de bootcamp de programação com IA em japonês, com sete seções estruturadas, diagramas, cartões de currículo, retratos e blocos de CTA.
Objetivo: Criar um mockup de landing page vertical em japonês para 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 泉水亮介, 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.