Levar o repertório da marca para o briefing antes do prompt

O briefing do capítulo anterior já tem destinatário e critério, e ainda produz tela genérica enquanto não carregar referências de fora do algoritmo e eixos visuais fixados pela marca.

A ferramenta de IA amplia o que já existe no briefing, inclusive a falta de repertório, e devolve a saída mais provável entre tudo que já viu. Repertório é o acervo de referências próprias da marca: a loja, a embalagem, o letreiro, o jeito de falar com o cliente.

Quando o cliente reconhece a ferramenta antes da marca na própria página, o prejuízo é de identidade. O teste do sósia decide de quem é a tela. Três itens novos entram no briefing para vencer a média: referências de fora do algoritmo, eixos fixos da marca e uma frase de assinatura.

Design é escolha, repertório, contexto e identidade. Caio Camargo escreveu que a IA começou como design para quem não é designer e está virando design para quem não entende de design. O consumidor já tem a frase pronta: "isso tem cara de IA".

Quando a pessoa reconhece a ferramenta antes da marca, o problema é de marca. No mesmo artigo, uma estrategista de branding lembra que a marca com DNA bem definido e bem gerido "é rei diante de tanta coisa igual". Um head de UX completa: a IA expôs quem já era fraco, designers incluídos.

A média tem um mecanismo simples: o modelo devolve a saída mais provável entre tudo o que viu. O índigo que aparece em botão de página gerada tem endereço verificável. Ele vem do Tailwind, o kit de estilos usado em boa parte dos sites, onde é uma das cores que já vêm prontas.

Em repositório público está documentada a cadeia que espalha essa cor. O shadcn/ui, a coleção de componentes prontos sobre o Tailwind, é a biblioteca padrão de vários geradores de página. Ninguém declarou essa preferência, e ela chega pela cadeia de ferramentas.

A página gerada hoje volta para o treino de amanhã, e o laço se fecha: quanto mais igual a web fica, mais igual nasce a próxima página.

Vibe coding é construir telas por conversa com o agente de IA, o programa que escreve o código do pedido. Um estudo da Universidade de Washington testou seis dessas plataformas, e todas reproduziram as convenções do treino.

Os autores chamam isso de armadilha do bom o suficiente. O leigo aceita o que parece pronto porque nada, na tela, pergunta se aquilo reflete a marca dele.

A perda de variedade já foi medida em texto por estudos revisados por pares. Quem escreve com ajuda de IA tem mais ideias sozinho, enquanto o conjunto do grupo fica mais parecido.

Essa causa tem endereço: o ajuste que deixa o modelo agradável ao gosto humano é o que reduz a variedade, e o modelo sem esse ajuste não reduz. Quando o modelo passa a treinar sobre a própria saída, as pontas raras somem de vez.

Para cor de site ainda não existe número publicado. A decisão prática não muda por isso: quando a sua página sai igual à do concorrente, o problema já está na sua mesa.

A web já convergia antes da IA. Os sistemas de design das grandes empresas, os manuais que padronizam botão, cor e espaçamento, já achatavam as diferenças. As marcas de luxo fizeram o mesmo ao trocar o logotipo desenhado pelo nome em caixa alta.

Nesse quadro a IA entrou como fotocopiadora de alta velocidade e como motor de média, e os antídotos cabem em qualquer negócio. Busque referências de fora do algoritmo, use a IA na geração e deixe o acabamento com a mão humana.

Referência de fora do algoritmo é a que você não achou rolando a tela: um livro, um filme, o prédio da esquina, a embalagem antiga guardada na loja.

O teste do sósia decide de quem é a tela. Tire logotipo e nome, mostre a página a alguém de fora do ramo e pergunte de quem é. Se a resposta for "alguma empresa de tecnologia", a peça é da ferramenta. Se a pessoa acerta o ramo e chega perto do nome, a peça é da marca.

A versão textual funciona igual: três parágrafos do site, sem nome, para a mesma pessoa. Se a ferramenta é reconhecida antes da marca, a marca perdeu. O critério final de Camargo vale como meta: alguém olhar a peça sem logotipo e pensar "isso só poderia ser dessa marca".

Essa saturação repete o ciclo dos bancos de imagem, os catálogos de fotos prontas que todo mundo compra: surpresa, comum, previsível, cansativo e repulsa. A tabela diz o que fazer em cada estágio, e quanto mais cedo você entra, menos estágios o site percorre.

Tudo isso entra no briefing da aula anterior como três linhas a mais. Primeiro, três a cinco referências de fora do algoritmo: o material do ramo, a loja, a embalagem, o letreiro. Segundo, os eixos fixos da marca, que o agente segue à risca. Terceiro, a frase de assinatura: "o que só poderia ser nosso".

O prompt (o pedido escrito que vai para o agente) carrega o repertório porque a ferramenta amplia o que recebe. Sem repertório, volta a média; com repertório, volta uma versão maior do que a marca já era.

A referência que serve é a que nenhum concorrente conseguiria copiar. Numa cafeteria de bairro, a primeira versão da página tinha foto de banco de imagem e um azul qualquer, e ninguém a distinguia das outras.

O dono fotografou a xícara esmaltada no balcão e o letreiro pintado à mão. A cor da xícara virou o destaque e a letra do letreiro virou o título. Quem viu a página sem logotipo passou a responder "uma cafeteria", em vez de "uma empresa de tecnologia".

Antes de aprovar a próxima tela, esconda o logotipo, mostre a página e três parágrafos do texto a alguém de fora do ramo e anote a resposta literal. Fotografe três referências que nenhum concorrente conseguiria tirar.

Escreva em uma linha o que só poderia ser da sua marca e liste os eixos que o agente não pode mudar. Cole essas três linhas no briefing, gere de novo e repita o teste: só aprove quando a resposta acertar o ramo.

Guia prático: começar de um template que já traz CLAUDE.md e DESIGN.md

A página em branco obriga o agente a decidir tudo, e ele decide pelo padrão da moda. Um template profissional chega com as decisões tomadas e com dois arquivos que o agente lê antes de editar: o CLAUDE.md, que diz como rodar e onde está cada coisa, e o DESIGN.md, que guarda a identidade. A galeria de 51 templates estudada em 07/10/2026 traz os dois arquivos em todos os 51.

Os 51 não são iguais. Medidos um a um, eles caem em três famílias

A família muda o pedido que você faz ao agente: num template premium, você edita um objeto; num importado, caça texto em vários arquivos. O setor também pesa. Advocacia (5 templates) e clínicas (4) estão só na família premium; SaaS (9), alimentação (5) e fitness (3), só na importada.

O custo de manter entra na escolha. Os 12 premium carregam dependências que a página não usa, como um driver de banco de servidor num projeto que se diz sem backend, e só aproveitam 12 dos 53 componentes de interface que vêm junto. A mídia local tem mediana de 6,9 MB por template. Nos importados, 35 templates puxam imagens do Unsplash e 19 apontam para o armazenamento do próprio fornecedor: se ele sair do ar, a imagem quebra no seu site.