Diretriz Anti-AI-Slop para Landing Pages

# DIRETRIZ ANTI-AI-SLOP PARA DESIGN DE LANDING PAGES

Crie a página evitando padrões visuais genéricos, repetitivos e artificiais normalmente associados a layouts produzidos automaticamente por IA.

REGRA CENTRAL:
Nenhum elemento visual deve existir apenas para "preencher", "dar cara de design" ou ocupar espaço. Todo elemento precisa ter uma função clara: organizar informação, estabelecer hierarquia, comunicar significado, orientar leitura, demonstrar algo ou reforçar identidade visual.

Antes de adicionar qualquer componente, pergunte:
"Se eu remover isso, alguma informação, hierarquia, significado ou experiência relevante é perdida?"
Se a resposta for não, provavelmente o elemento não deveria existir.

---

## 1. NÃO USE TRAÇOS DECORATIVOS AUTOMÁTICOS EM EYEBROWS

Evite o padrão:

— SOBRE NÓS
— SERVIÇOS
— COMO FUNCIONA
— QUESTÕES TRABALHADAS

Não coloque automaticamente uma pequena linha horizontal antes ou depois de eyebrows, labels, subtítulos ou títulos de seção apenas para ornamentação.

Esse recurso se tornou um clichê visual e não deve aparecer como padrão recorrente.

O eyebrow pode se sustentar por:
- tipografia;
- peso;
- tamanho;
- cor;
- espaçamento;
- posicionamento;
- contraste com o título.

Use uma linha decorativa somente quando ela fizer parte de uma linguagem visual conscientemente estabelecida para aquela identidade e quando houver motivo compositivo real para isso.

Mesmo nesse caso, não repita o recurso mecanicamente em todas as seções.

---

## 2. NÃO TRANSFORME TEXTO COMUM EM "QUOTE"

Não utilize caixas de destaque com:
- barra vertical lateral;
- aspas gigantes;
- fundo contrastante;
- tipografia de citação;
- tratamento visual de blockquote;

quando o conteúdo não for realmente uma citação, depoimento, fala atribuída ou frase que possua função editorial clara de destaque.

Não faça:

| "Nossa metodologia não atua apenas no problema. Ela atua em toda a estrutura..."

se isso for simplesmente um parágrafo normal da própria página.

Não estilize frases comuns como quotes apenas porque a seção parece "vazia".

Quando houver uma ideia importante, prefira incorporá-la naturalmente à composição da seção por meio de hierarquia tipográfica, espaço, layout, imagem ou contraste.

Quotes devem parecer quotes porque SÃO quotes.

---

## 3. NÃO USE NUMERAÇÃO COMO ENFEITE

Evite números grandes como:

01
02
03
04

em cards, benefícios, serviços, problemas, diferenciais ou tópicos quando não existir nenhuma razão para aquelas informações serem numeradas.

Numeração só deve ser usada quando transmitir informação real, por exemplo:
- etapas sequenciais;
- ordem cronológica;
- ranking;
- prioridade;
- método estruturado;
- processo com começo, meio e fim;
- referência posterior a determinado item.

Se "03" puder virar "07" sem mudar absolutamente nada no significado da interface, provavelmente esse número é apenas decoração e deve ser removido.

Não use números para substituir ícones apenas porque eles são visualmente fáceis de gerar.

Em cards independentes, prefira:
- um bom ícone;
- uma ilustração;
- um elemento visual relacionado ao conteúdo;
- diferenciação tipográfica;
- composição espacial;
- ou simplesmente nenhum elemento adicional.

Não é obrigatório preencher o canto superior de um card com alguma coisa.

---

## 4. EVITE FAIXAS DE ESTATÍSTICAS SUPERFICIAIS

Não crie automaticamente uma seção horizontal isolada contendo 3 ou 4 números apenas porque esse é um padrão comum de landing pages.

Exemplo do que NÃO deve ser criado sem justificativa:

+250
PROCESSOS

+170
CLIENTES

10 ANOS
EXPERIÊNCIA

98%
SATISFAÇÃO

Uma faixa de números só deve existir quando os dados forem realmente relevantes para a tomada de decisão do usuário e tiverem força suficiente para sustentar uma seção própria.

Pergunte:
"Esses números fazem alguém entender melhor a autoridade, dimensão, resultado ou vantagem da oferta?"

Se forem números banais, genéricos ou pouco impressionantes, NÃO crie uma seção exclusiva para eles.

Exemplos de dados fracos:
- número baixo de clientes;
- quantidade pouco relevante de projetos;
- anos de experiência usados apenas por falta de informação melhor;
- porcentagens sem fonte ou contexto;
- métricas que não ajudam a provar nenhuma afirmação.

Nesses casos, incorpore a informação dentro de uma seção mais rica.

Por exemplo:
- dentro da seção sobre o profissional;
- próxima do case;
- junto de um depoimento;
- dentro da apresentação da metodologia;
- como dado contextual de um projeto;
- dentro de uma timeline;
- próximo de uma evidência concreta.

O dado deve COMPOR uma narrativa, não existir isoladamente apenas para preencher uma faixa.

---

## 5. SE UMA FAIXA DE ESTATÍSTICAS FOR REALMENTE JUSTIFICADA, TRATE-A COMO EXPERIÊNCIA

Caso existam dados suficientemente relevantes para justificar uma seção exclusiva, não faça apenas quatro números estáticos distribuídos igualmente em uma faixa.

Dê intenção ao componente.

Considere:
- animação de contagem ao entrar na viewport;
- valores partindo de zero e chegando ao resultado;
- rolagem vertical dos algarismos, semelhante a um odômetro;
- stagger discreto entre cada métrica;
- pequenas diferenças de tempo de entrada;
- motion relacionado à leitura da informação;
- contexto adicional para os dados quando necessário.

As animações devem ser elegantes e rápidas, nunca chamativas ou caricatas.

Respeite prefers-reduced-motion.

O movimento deve aumentar a percepção de informação, e não existir apenas para demonstrar que a página possui animações.

---

## 6. NÃO CONFUNDA "TER DESIGN" COM "ADICIONAR ELEMENTOS"

Não tente resolver uma composição fraca adicionando:
- linhas;
- números;
- aspas;
- badges;
- pills;
- pequenos labels;
- ícones;
- círculos;
- estrelas;
- setas;
- ornamentos aleatórios.

Primeiro resolva:
- espaços;
- grid;
- alinhamento;
- contraste;
- escala;
- ritmo;
- hierarquia;
- respiro.

Uma seção pode ser sofisticada apenas com: título, texto e imagem.

Não adicione sem função.

---

## 7. NÃO REPITA A MESMA ESTRUTURA EM TODAS AS SEÇÕES

Evite uma página formada por:

eyebrow
+
título
+
parágrafo
+
3 cards

repetida seção após seção.

Crie variação de ritmo: conteúdo editorial, imagem + conteúdo, comparativo, timeline, prova, FAQ, caso, galeria, processo.

A estrutura deve variar com o conteúdo, não ao contrário.

---

## 8. NÃO CRIE ELEMENTOS SEM SEMÂNTICA

Não coloque ícones, gráficos, estrelas, selos, números ou badges que não expressam dado real:

- ícone sem representar;
- gráfico sem dados;
- selo sem certificado;
- estrela sem avaliação;
- porcentagem inventada.

Número e selos sem fonte real são costume do template, não provas.

---

## 9. EVITE A ESTÉTICA "TEMPLATE PREMIUM GENÉRICO"

Fuja das fórmulas prontas:

- cards com cantos exagerados;
- sombras por todos os lados;
- gradientes;
- glassmorphism;
- glow;
- bento grid;
- pill e ícones em círculos;

Aplique "premium" apenas quando a identidade pedir.

---

## 10. PRIVILEGIE DESIGN EDITORIAL E ESPECÍFICO

A página deve falar com UM público, de UM jeito.

Inspire-se em dados reais, palavras reais do cliente, objetos de mercado, história e repertório.

Evite o genérico intercambiável entre concorrentes.

---

## 11. CADA COMPONENTE PRECISA "GANHAR O DIREITO" DE EXISTIR

Avalie cada card: ele traz informação, direção, provas ou vazão?

Não, corte.

---

## VALIDAÇÃO FINAL ANTI-SLOP

1. Sobrou tracinho decorativo em título? Remova.
2. Sobrou citação sem citação? Vira texto.
3. Sobrou número em série sem valor? Remova.
4. Numero sem fonte? Remova.
5. Elemento sem função? Mande embora.
6. Seções com mesma estrutura? Varie.
7. Excesso de cards? Desfaça grade.
8. Elemento só porque ""sésco"? Corte.
9. Design padrão único? Diferencie.
10. Corte 20% sem prejuízo? Corte.

PRINCÍPIO FINAL:

Não adicione para parecer sofisticado.

Cada elemento tem que ganhar o lugar.