Uma imagem hero de marketing refinada em japonês para o Claude Code, apresentando um espaço de trabalho de desenvolvedor cinematográfico, painel de recursos e métricas de desempenho.
Objetivo: Criar um visual hero vertical premium para uma landing page em japonês para Claude Code, apresentando o suporte de codificação por IA como inteligente, calmo e profissional.
Canvas: Composição retrato 3:4, aproximadamente 768×1152. Estilo de publicidade editorial fotorrealista com elementos de sobreposição de interface sutis, profundidade de campo cinematográfica, tons quentes de verde escuro e marrom, luz suave de janela, contraste elegante, sem aparência de desenho animado.
Cena principal: Uma mesa de trabalho moderna em um café ou escritório de estúdio com iluminação baixa. À direita, mostre um homem adulto japonês ou do leste asiático vestindo um suéter de tricô escuro, sentado em uma pose pensativa com uma mão perto do queixo; seu rosto está coberto por um bloco de desfoque quadrado e plano para anonimato. No primeiro plano à esquerda, mostre um laptop aberto voltado para o espectador exibindo uma tela de terminal escura com saída de comando no estilo Claude Code. Inclua exatamente 5 objetos visíveis na mesa: 1 caneca de café de cerâmica, 1 caderno aberto, 1 caneta preta e 2 livros de programação empilhados. O fundo deve estar suavemente desfocado com plantas e reflexos de janela.
Texto Hero: Título elegante e grande em japonês com serifa branca no canto superior esquerdo: 「考える力を、コードに変える。」 Abaixo dele, adicione um subtítulo menor: 「Claude Codeと、AI時代の開発をスマートに。」 Adicione um parágrafo curto em japonês abaixo explicando que o Claude Code entende o pensamento e apoia o design, a implementação e a melhoria como um parceiro de codificação de IA.
Detalhe do laptop: O terminal deve mostrar pequenas linhas de comando em inglês legíveis sugerindo a criação de projeto, instalação de dependências, inicialização de repositório git e componentes gerados, terminando com “Component created successfully!”. Mantenha realista, mas não excessivamente dominante.
Painel de recursos à direita: Coloque um painel retangular translúcido com efeito glassmorphism no canto inferior direito com bordas brancas finas. Título: 「開発を加速する、Claude Codeの主な機能」 Inclua exatamente 5 linhas de recursos, cada uma com um ícone simples contornado à esquerda e texto em japonês à direita: 1) ícone de balão de fala, 「自然言語でのコーディング支援」 com uma nota sobre a geração de código ideal a partir de instruções em japonês; 2) ícone de engrenagem, 「プロジェクト全体を理解」 com uma nota sobre a análise de bases de código e a proposta de alterações conscientes do contexto; 3) ícone de lápis, 「リファクタリングもワンクリック」 com uma nota sobre a melhoria segura de processos complexos; 4) ícone de documento, 「テスト・ドキュメントも自動生成」 com uma nota sobre o suporte ao desenvolvimento por meio de testes e documentação de alta qualidade; 5) ícone de terminal, 「CLIでシームレスに統合」 com uma nota sobre a integração natural em fluxos de trabalho de terminal. Na parte inferior do painel, adicione: 「あなたの開発体験を、よりスマートに、より創造的に。」
Métricas inferiores: No canto inferior esquerdo, mostre exatamente 2 blocos de estatísticas em branco: 1) 「開発時間」 com o texto grande “最大55%削減” e uma pequena nota de rodapé; 2) 「バグの早期発見率」 com o texto grande “2.3倍向上*”.
Barra de rodapé: Adicione um rodapé horizontal translúcido escuro na parte inferior. Texto à esquerda: 「Claude Code Insight」 seguido de 「ハウツー」. Texto à direita: 「AIコーディングの実践知とノウハウを発信中 ▶」.
Restrições visuais: Use tipografia japonesa refinada, título grande em branco, divisórias finas, painéis de vidro e reflexos realistas. Mantenha todo o texto visível limpo e alinhado. Evite logotipos extras, marcas d'água, poluição visual aleatória ou linhas de recursos adicionais.
