Por que toda IA gera o mesmo design (e como o Impeccable quebra o ciclo)
por Fabricio Telles··design.app.br
Você reconhece esse design em 2 segundos
Inter. Gradiente roxo-azul. Cards dentro de cards. Texto cinza sobre fundo colorido. Se você já pediu à IA para gerar qualquer interface, já viu esse resultado. E vai continuar vendo — a menos que entenda por que isso acontece.
Todo LLM grande foi treinado nos mesmos dados. Isso cria um viés estatístico: quando você pede “crie um dashboard”, o modelo recorre ao padrão mais frequente nos dados de treinamento. O resultado é previsível porque é literalmente a média estatística de milhões de dashboards.
O Impeccable ataca esse problema com anti-patterns explícitos, regras que dizem à IA exatamente o que evitar.
Os 7 pecados capitais do frontend com IA
1. A fonte Inter em tudo
Inter é a fonte padrão de facto da IA. Não porque é ruim, é excelente. Mas virou sinônimo de “não pensei na tipografia”. O arquivo de referência typography inclui pareamento de fontes, escalas modulares e orientação sobre quando usar serif vs sans-serif baseado no contexto.
2. Gradientes roxo-azul
O gradiente mais genérico da IA. Aparece em landing pages, dashboards, headers, em qualquer lugar onde a IA precisa de “cor” sem contexto. A referência color-and-contrast ensina OKLCH, neutros com tint e paletas baseadas no contexto do projeto.
3. Cards dentro de cards
A IA adora encapsular tudo em cards. E depois colocar cards dentro desses cards. O resultado é uma interface com profundidade visual confusa e hierarquia inexistente. A referência spatial-design estabelece hierarquia visual clara com sistemas de espaçamento e grids.
4. Texto cinza sobre fundo colorido
Um problema de acessibilidade disfarçado de escolha estética. Texto #666 sobre fundo #f0f0ff pode parecer “suave” mas falha em contraste WCAG. O /audit verifica contraste automaticamente.
5. Preto e cinza puros
Preto puro (#000) e cinzas sem tint (#333, #666, #999) criam interfaces frias e sem personalidade. Designers profissionais sempre adicionam um tint sutil. Anti-pattern explícito no Impeccable.
6. Easing bounce/elastic
Animações com bounce ou elastic easing pareciam modernas em 2018. Em 2026, parecem datadas. A IA ainda as usa porque estão nos dados de treinamento. A referência motion-design ensina curvas de easing modernas e respeito a prefers-reduced-motion.
7. Hero sections genéricas
Número grande + label pequeno + acento brilhante + CTA centralizado. A hero section padrão da IA é reconhecível a quilômetros. O /critique avalia hierarquia e o /bolder ou /distill ajustam a intensidade.
Como funciona tecnicamente
Os anti-patterns são embutidos nos arquivos de referência da skill. Quando a IA processa uma tarefa de frontend, ela lê essas referências e ajusta seu output. São instruções estruturadas com exemplos concretos do que evitar e o que fazer em vez disso.
O efeito cascata
O que eu acho mais interessante: os anti-patterns se reforçam mutuamente. Quando a IA para de usar Inter automaticamente, ela precisa pensar na tipografia. Quando pensa na tipografia, precisa considerar hierarquia. Quando considera hierarquia, o layout melhora. Um anti-pattern quebrado puxa os outros.
O site impeccable.style mostra case studies de projetos transformados com comandos do Impeccable. Vale a visita.