Faça parecer uma marca real, não um modelo
Transforme o visual genérico gerado por IA em algo que realmente transmita a essência do seu negócio.
Quando usar
Logo após a sua primeira versão existir e o layout estiver aproximadamente correto — antes de mostrar para qualquer pessoa.
Antes de começar
- Uma primeira versão do seu site que já possua as páginas corretas.
- Suas cores, caso você tenha cores de marca. Ainda não tem? Escolha duas que você goste, além de uma neutra — você pode refinar depois.
- Opcional, mas poderoso: um link para um site cujo visual você admira, para mencionar nas instruções.
O prompt
Esses prompts funcionam melhor em inglês — cole-os como estão, mesmo em páginas traduzidas.
Restyle the whole site so it feels like a real brand instead of a default template. Keep every page, section and piece of text exactly where it is — this is a visual pass only. Brand: [BUSINESS NAME]. The feeling I want: [THREE ADJECTIVES, e.g. calm, premium, warm]. Colors: main [COLOR OR DESCRIPTION, e.g. deep navy], accent used sparingly for buttons and highlights [COLOR], background [LIGHT/WARM WHITE/DARK]. Make sure text always has strong contrast against its background. Typography: headings [e.g. a confident serif], body text [e.g. a clean readable sans-serif]. Set a consistent type scale so every heading level looks deliberate, and make body text comfortable to read on a phone. Spacing and shape: [GENEROUS AND AIRY / COMPACT AND EFFICIENT]. Use consistent rounded corners and a single subtle shadow style, applied the same way everywhere. Also: keep the same styling on every page including forms, error messages and empty states, so nothing looks like it came from a different site. Do not add stock images, do not generate or invent photos during this pass, and leave all my real images and image placeholders exactly as they are.
Já está criando? Cole isto no seu projeto. Começando do zero? Abra uma conta gratuita em um criador compatível abaixo.
Crie em
O que isto cria
- Cores, fontes e espaçamentos consistentes em todas as páginas
- Uma escala de tipografia legível em vez de tamanhos de títulos aleatórios
- Estilização uniforme de botões, cards e formulários
- O mesmo visual aplicado às partes que as pessoas esquecem: formulários, erros e estados vazios
Confira se funcionou
Cole o prompt, espere a construção terminar e então confirme estes pontos — em linguagem simples, sem verificações técnicas:
- Cada página parece pertencer ao mesmo site
- Seu texto é confortável para leitura em um celular sem a necessidade de dar zoom
- Os botões parecem clicáveis e consistentes em toda parte
- Nada foi alterado estruturalmente — mesmas páginas, mesmas palavras, mesmas seções
- Nenhuma foto de banco de imagens surgiu do nada
Faltou algo? É normal — peça em uma mensagem curta de acompanhamento em vez de rodar o prompt inteiro de novo.
Próximos passos
Ajustar uma página que não está te agradando
Após a revisão geral, quando uma página ainda parece estranha
The [PAGE NAME] page still feels [TOO CRAMPED / TOO EMPTY / UNBALANCED]. Adjust only this page: [DESCRIBE WHAT YOU WANT, e.g. more space between sections, a larger heading, images side by side instead of stacked]. Keep the site's existing colors, fonts and components.
Você saberá que funcionou quando: Essa página fica correta e todas as outras permanecem inalteradas.
Adicionar um modo escuro
Se o seu público for voltado para design ou tecnologia
Add a dark mode with a toggle in the header that remembers the visitor's choice. Make sure every page, form, card and image caption stays readable in both modes, with strong contrast in each.
Você saberá que funcionou quando: A alternância de modos mantém tudo legível e a escolha persiste após atualizar a página.
Fazer a primeira tela vender
Assim que o estilo estiver definido
Rework only the top section of the home page — the first thing a visitor sees before scrolling. It should state clearly who this is for and what they get, in my words: [ONE SENTENCE]. Add one main button [BUTTON TEXT] and keep everything else on the page unchanged.
Você saberá que funcionou quando: Um estranho consegue entender o que você oferece e para quem é sem precisar rolar a página.
Fique atento a
- O reestilo pode comprometer silenciosamente o contraste. Texto cinza claro em fundo branco parece elegante em seu monitor grande, mas fica ilegível no celular sob a luz do dia — verifique ao ar livre antes de se apaixonar pelo visual.
- Não altere o estilo e a estrutura na mesma mensagem. Se combinar os dois, você perderá a próxima hora tentando descobrir qual mudança causou o quê.
- Três adjetivos superam um parágrafo. "Calmo, premium, caloroso" produz resultados melhores do que uma longa descrição sobre seus sentimentos em relação à marca.
Notas por plataforma
As três plataformas principais lidam bem com uma revisão visual como esta. O Lovable tende a produzir o resultado mais polido a partir de uma única descrição; no v0, você pode ir mais longe anexando uma imagem de referência ou seu próprio mockup.
Gaste menos créditos
Toda plataforma cobra pelo trabalho que a IA dela faz — então o hábito mais barato é pensar antes de construir. Estas seis regras cortam a maior parte do desperdício, qualquer que seja a plataforma.
- Planeje primeiro em um chat gratuito. Esboce tudo no ChatGPT, Claude ou Gemini — páginas, recursos, o que cada formulário coleta, como deve ficar. Pensar lá é grátis; pensar dentro de um builder é cobrado.
- Comece com um prompt escrito, não com uma frase. "Faça um site para mim" é a frase mais cara na construção com IA. Um primeiro prompt completo — como os deste site — economiza dezenas de rodadas de correção.
- Não tenha preguiça dos detalhes. Cada detalhe omitido volta como uma correção que você paga. Nome do negócio, cores, cada página, cada campo de formulário, o que acontece após o envio — coloque tudo no primeiro prompt.
- Depois, uma mudança por mensagem. "Arrume o cabeçalho, e o formulário, e as cores" gera um emaranhado que custa mais para desfazer do que economizou.
- Travou? Pare de remendar. Se a mesma correção falhar umas três vezes, não mande uma quarta — descreva o estado final desejado da seção inteira em uma mensagem nova.
- Comece grátis. Faça upgrade quando precisar de mais. Use a cota gratuita para criar e explorar sua primeira versão. Faça upgrade quando precisar de mais uso ou de recursos pagos, e confira os custos de serviços conectados antes de lançar.
Os prompts desta página foram escritos para fazer a maior parte desse trabalho por você — é esse o objetivo deles.
Leia o guia completoPlaybooks relacionados
Revisado em: 2026-07-27