Prompt de
identidade visual
Um prompt estruturado que transforma um briefing sobre o seu projeto em um brand book completo em HTML. Você preenche as respostas diretamente no prompt, cola no Claude e recebe logotipo em SVG, paleta, tipografia e sete aplicações da marca renderizadas, tudo em um único arquivo navegável.
Preencha o briefing, cole no Claude, receba o brand book
Clique no botão de cópia abaixo. O prompt já vem estruturado com os campos para você preencher.
Substitua cada campo entre colchetes com as informações do seu projeto. Quanto mais específica a resposta, melhor o resultado.
Acesse claude.ai, abra uma conversa nova e cole o prompt já preenchido. Use uma conta com contexto longo para melhores resultados.
O Claude entrega um arquivo HTML navegável com todo o sistema visual do seu projeto renderizado.
Briefing do projeto
O prompt tem 10 campos sobre o seu projeto. Você preenche tudo antes de colar no Claude. Não há troca de mensagens intermediárias.
- Nome e conceito central do projeto
- Público, transformação e tom emocional desejado
- Referências visuais e o que você quer evitar
- Preferências de cor e tipografia
Brand book em HTML
Com o briefing preenchido, o Claude gera um único arquivo HTML com todo o sistema visual renderizado e navegável, sem precisar de mensagens adicionais.
- Logotipo em SVG com variações e monograma
- Paleta com swatches, HEX e descrição de uso
- Escala tipográfica completa com copy real do projeto
- 6 aplicações renderizadas: LinkedIn, post 4:5 e Story de Instagram, cartão de visita, favicon e ícone de app, assinatura de e-mail
Você é um diretor de arte sênior especializado em identidade visual para projetos autorais digitais. Com base no briefing abaixo, crie a identidade visual completa do meu projeto e entregue em um único arquivo HTML estilo brand book interativo e navegável. ## BRIEFING DO PROJETO 1. Nome do projeto: [escreva aqui] 2. O que você faz e para quem (em uma frase): [escreva aqui] 3. Quem é a pessoa que mais precisa do que você oferece (descreva como se fosse uma amiga que está travada em algo específico): [escreva aqui] 4. Qual é a transformação que seu projeto entrega: [escreva aqui] 5. Como você quer que as pessoas se sintam ao encontrar sua marca (três palavras): [escreva aqui] 6. Referência visual que você admira (site, marca, perfil ou revista — descreva o que te atrai): [escreva aqui] 7. O que você definitivamente não quer que sua marca pareça: [escreva aqui] 8. Preferência de cor ou paleta que já usa (HEX ou nomes, se tiver): [escreva aqui] 9. Preferência de tipografia — serif (editorial) ou sans-serif (clean): [escreva aqui] 10. Seu nome completo e endereço do site ou canal principal: [escreva aqui] ## O QUE ENTREGAR Crie a identidade visual completa e entregue em um único artifact HTML estilo brand book interativo e navegável, contendo: ### 1. Logotipo - Wordmark em SVG inline com o nome do projeto. Justifique brevemente a direção tipográfica escolhida. - Variações: versão horizontal, versão empilhada, versão monocromática em preto, versão monocromática em branco - Símbolo ou monograma derivado do nome ou da essência do projeto ### 2. Paleta de cores - Máximo 5 cores - Para cada cor: nome interno, HEX, e descrição objetiva de uso (onde e como aplicar) - Mostrar as cores em swatches renderizados no HTML ### 3. Tipografia - Tipografia de display (títulos): nome da fonte, peso, tamanho, uso - Tipografia de texto (corpo): nome da fonte, peso, tamanho, uso - Escala tipográfica completa renderizada: H1, H2, H3, corpo, label, caption — cada um com copy real do projeto, não placeholder - Usar Google Fonts via @import ### 4. Elementos gráficos - Padrão ou elemento gráfico de apoio coerente com a personalidade da marca (renderizar em SVG ou CSS) - Direção fotográfica: descrever em texto o mood, o tipo de imagem, o que evitar — sem gerar imagens - Estilo de ícone ou ilustração se aplicável ### 5. Aplicações (renderizar em HTML/CSS puro, sem imagens externas) 1. Capa de LinkedIn (1584×396px) 2. Post de Instagram no formato 4:5 (1080×1350px) — slide de capa e slide de conteúdo 3. Story de Instagram (9:16) 4. Cartão de visita — frente e verso 5. Favicon e ícone de app (renderizar em tamanhos 32×32 e 192×192) 6. Assinatura de e-mail completa com nome, cargo, site e links ### Formato do HTML - Navegação lateral ou superior entre seções - Cada seção como um capítulo com muito espaço em branco — estilo editorial, não lista técnica - Toggle entre tema claro e tema escuro - Todos os logos em SVG inline, nunca como imagem externa - Tipografia via @import Google Fonts - Responsivo em desktop - Copy real em português brasileiro — sem lorem ipsum ### Restrições - Sem clichês visuais: lâmpada, foguete, engrenagem, cérebro, mãos dadas, balões de fala - Sem gradientes coloridos genéricos - Sem lorem ipsum em nenhuma seção - Sem linguagem motivacional no copy de exemplo - A marca deve parecer que existe de verdade, com personalidade própria - Hierarquia visual clara, silêncio intencional, identidade coerente com o que o projeto é
Como funciona: Copie o prompt, substitua cada campo entre colchetes com as informações do seu projeto e cole tudo de uma vez no Claude. O brand book é gerado em uma única resposta, como um arquivo HTML navegável. Se preferir ter o material em PDF, após receber o HTML basta pedir ao Claude: "agora gere um PDF com este material completo" — ele entrega um arquivo pronto para download.
Como preencher bem o briefing
A qualidade do brand book depende diretamente da qualidade do briefing. Quanto mais específica a resposta, mais coerente a identidade gerada. Veja um exemplo de preenchimento que funciona bem.
Identidade visual resolvida.
E o projeto em si?
Se você ainda está escolhendo qual ideia desenvolver, o Método do Caos ao Começo é o próximo passo. Sete dias para sair do excesso de possibilidades e chegar a um projeto real.
Conhecer o Método← Ver todos os materiais