Pontuando envios do Show HN por padrões de design de IA
(adriankrebs.ch)- Com o aumento recente dos envios ao Show HN, páginas de landing com aparência parecida passaram a se repetir, e os padrões em comum foram pontuados com base nas 500 páginas mais recentes do Show HN
- Os critérios de pontuação abrangem 15 itens entre fontes, cores, layout e padrões de CSS, incluindo elementos como hero centralizado, VibeCode Purple, borda colorida à esquerda, shadcn/ui e Glassmorphism
- A detecção foi feita carregando as páginas com um headless browser baseado em Playwright e lendo o DOM e os estilos computados; não foi usado o método de deixar um LLM julgar screenshots
- Os resultados se dividiram em Heavy slop 21%, Mild 46% e Clean 33%, e um site não é considerado gerado por IA com base em um único padrão, mas sim pela quantidade de padrões atendidos
- Essa tendência está mais próxima de uma falta de inspiração do que de um problema grave, e daqui para frente pode ser necessário investir mais em design para se destacar em meio a saídas tão parecidas
Aumento do Show HN e pontuação de padrões de design
- O número de envios ao Show HN cresceu bastante, a ponto de a equipe do Hacker News ter limitado envios do Show HN para contas novas
- Em projetos recentes do Show HN, uma impressão genérica e estéril vem se repetindo, e isso foi pontuado com base em 500 páginas em vez de ficar só na percepção subjetiva
- O alvo da pontuação foram as 500 páginas de landing mais recentes do Show HN, classificadas a partir de padrões recorrentes de design de IA
Critérios dos padrões de design de IA
- Os padrões em comum se agrupam principalmente em fontes, cores, peculiaridades de layout e padrões de CSS
- A borda colorida à esquerda funcionou como um forte sinal de design gerado por IA e de fato apareceu repetidamente em várias páginas
-
Fontes
- Inter é usada de forma ampla, mas se destaca especialmente em headlines de hero centralizadas
- LLMs também usam com frequência combinações como Space Grotesk, Instrument Serif e Geist
- Também entra no padrão a composição em que, num hero centrado em Inter, apenas uma palavra é destacada em serif italic
-
Cores
- O chamado VibeCode Purple aparece repetidamente
- A combinação de modo escuro permanente, texto principal em cinza médio e rótulos de seção em maiúsculas aparece com frequência
- Em temas escuros, há casos em que o contraste do texto principal mal ultrapassa o mínimo aceitável
- O uso excessivo de gradientes em geral, grandes brilhos coloridos e box-shadows coloridos também entram como padrão
-
Peculiaridades de layout
- O hero centralizado com tipografia sans genérica se repete
- A composição com um badge logo acima do H1 do hero aparece com frequência
- Também entra o padrão de borda colorida no topo ou na lateral esquerda de cards
- Há repetição de feature cards idênticos com ícone no topo
- Sequências numéricas em 1, 2, 3 etapas, linhas de banners com estatísticas, sidebars ou navegação com ícones de emoji, e títulos e rótulos de seção em maiúsculas também fazem parte dos critérios
-
Padrões de CSS
-
shadcn/ui
- Glassmorphism
-
Método de detecção e resultados
- Cada site foi carregado com um headless browser baseado em Playwright, e um pequeno script dentro da página lia o DOM e os estilos computados para verificar os padrões
- Todos os padrões foram tratados com verificações determinísticas de CSS ou DOM; não foi usado o método de capturar screenshots para um LLM fazer julgamento visual
- Esse método pode gerar falsos positivos, mas na QA manual eles ficaram em torno de 5% a 10%
- O autor deixou aberta a possibilidade de publicar o código de pontuação para quem quiser reproduzir, melhorar ou pontuar o próprio site
- Um site não é considerado gerado por IA com base em um único padrão; em vez disso, ele é dividido em 3 faixas conforme quantos dos 15 padrões atende
- Heavy slop: 5 ou mais padrões atendidos, 105 sites, 21%
- Mild: 2~4, 230 sites, 46%
- Clean: 0~1, 165 sites, 33%
- Esses resultados estão mais próximos de uma falta de inspiração do que de um problema grave
- Na validação de ideias de negócio, um design chamativo nunca foi o ponto principal, e mesmo antes da IA muitos sites já se pareciam entre si, como acontecia com Bootstrap
- Há uma diferença nítida entre casos em que o design é refinado manualmente e casos em que a saída padrão do LLM é publicada quase sem alterações
- Mesmo antes dos LLMs, usar templates prontos de CSS/HTML sem mudanças levava a um efeito semelhante
- Daqui para frente, pode voltar a ser necessário investir mais em design para se destacar em meio a esse slop
- Ao mesmo tempo, se os principais usuários da web passarem a ser agentes de IA, ainda não está claro quanto da importância do design vai permanecer
1 comentários
Comentários do Hacker News
Hoje em dia, parece que a maioria dos side projects é feita com ajuda de IA
Normalmente há limitação de tempo, então, se a IA economiza tempo, não há muito motivo para não usar
Além disso, também é um lugar perfeito para testar novas ferramentas de IA que são difíceis de experimentar no trabalho da empresa
No início, o título deste post não acertava bem o ponto principal e usava vibe coded de forma inadequada, então não conseguia transmitir direito o tema realmente mais interessante, que são as semelhanças visuais de frontends gerados por IA
Agora o título está melhor, e algo como "Show HN submissions tripled and now mostly have the same vibe-coded look" parece bem mais preciso
Vejo com frequência demais sites em modo escuro em que o texto principal e o texto secundário estão em tons de marrom escuro ou bege, e a legibilidade fica péssima
Para jogar no seguro, a relação de contraste entre texto e fundo deveria ser de pelo menos 4:1
Isso também não é difícil de corrigir; basta incluir as Web Content Accessibility Guidelines nas skills
https://webaim.org/resources/contrastchecker
O divertido é justamente o processo de pensar no problema, resolver, implementar com as próprias mãos, aprender algo novo e imaginar se aquilo pode se tornar popular e útil; se eu só estalar os dedos com IA e tiver o resultado, essa graça desaparece
No trabalho do dia a dia, tudo bem usar IA para reduzir tarefas chatas, mas não quero fazer isso também nos side projects
Além disso, pagar US$ 200 por mês para comprar o privilégio de usar IA em projeto pessoal me parece tolice demais
Todos os meus side projects começaram para eu aprender alguma coisa, então apertar com IA o botão de pular para o fim não faz sentido nenhum
E, no contexto de "mostrar meu side project", é justamente esse processo de pensamento que as pessoas querem ver
Em geral, o que de fato é urgente são projetos comerciais
A lista de padrões de design é boa, mas acho que falta um elemento grande: rounded rect grid
https://correctarity.com/roundedrects
Talvez o "Icon-topped feature card grid" mencionado no texto seja o nome mais próximo do termo formal
Pelo menos é uma tendência que vem desde a época em que a Apple registrou a patente de rounded corners
Também é preciso olhar isto
https://news.ycombinator.com/showlim
Contas sem muito histórico no HN hoje em dia frequentemente acabam vendo essa tela, e isso também afeta a queda no lado direito do gráfico do OP
Ask HN: Please restrict new accounts from posting - https://news.ycombinator.com/item?id=47300329 - March 2026 (515 comments)
Is Show HN dead? No, but it's drowning - https://news.ycombinator.com/item?id=47045804 - Feb 2026 (425 comments)
As pessoas querem escrever código com ferramentas de 2026 e ainda ser avaliadas pelos critérios de 2016
Em 2016, ver 10 mil linhas de código significava por si só uma certa proof-of-work, e isso naturalmente implicava testes, reflexão e meses batendo cabeça e refinando
Mas 10 mil linhas de código em 2026 podem significar apenas que alguém gastou um pouco de dinheiro em tokens, e, se for algo como converter um grande spec OpenAPI em uma API de determinada linguagem, isso pode ser gerado de uma vez e muito rapidamente
É perfeitamente possível que mais de 90% do projeto nunca tenha rodado nem uma vez em cenários reais e só tenha passado em testes unitários escritos pela própria IA
Isso em si não é inerentemente errado, mas os critérios de avaliação precisam mudar
Não precisa haver uma barreira superalta para o Show HN, mas ela deveria ser um pouco mais alta do que "digitei algumas linhas numa caixa de texto"
Não porque isso seja ruim, e sim porque ficou barato demais disputar a preciosa atenção humana
É um pouco amargo, mas, na verdade, já existiam bastante mesmo antes da IA projetos do tipo que se consegue fazer só com uma ideia e alguns prompts
As ferramentas de programação com IA só aumentaram um pouco a lista de "projetos que já vimos demais"; na prática, parece mais uma onda ainda mais forte do mesmo tipo de projeto que já vinha transbordando há tempos
Vejo com frequência gente fazendo um produto em um fim de semana e colocando um preço absurdo com base no que essa categoria cobrava alguns anos atrás
Parece que têm dificuldade para aceitar que aquele preço refletia o esforço necessário para chegar até ali
Agora a situação mudou
As pessoas fazem um slide deck exageradamente chamativo ou um novo branding e ainda querem ser avaliadas como se fosse uma realização nos padrões antigos; no fim, estão criando a própria conquista por conta própria
Não me convence muito a ideia de que, se agentes de IA virarem os principais usuários da web, então design deixará de importar
Se o mundo da superfície for arruinado por doença e guerra, e poluído por promessas vazias de inovação e destroços de metais pesados, então teremos de construir um novo Eden
Gosto da ideia de Gemini, mas ainda quero expressá-la em mídia visual
Acho que dá para fazer algo bonito mesmo dentro das limitações do Dillo, e, se usar Wireguard mesh como camada de transporte e os convites forem dados e retirados com base em confiança pessoal,
talvez as ideias possam voltar a viver em um lugar onde grandes plataformas não amplificam e nivelam tudo até a média
Já que estamos falando de design, sites de projetos de tecnologia, de solo founder SaaS até empresa que recebeu US$ 2 bilhões do YC, já parecem todos iguais há anos
Agora eu só espero que os LLMs pelo menos alucinem um CSS um pouco diferente de vez em quando
Bootstrap, Web 2.0, Tailwind, Material UI, Rails, NextJS — essas ondas sempre giraram, e agora só acontece de a onda ser IA
Não precisa fingir que a indústria não usava atalhos antes
Dá para se orgulhar de código artesanal, mas quem usa software para fins de negócio nunca ligou muito para isso
Além disso, a própria filosofia da ciência da computação não era, no fim das contas, algo como qualquer pessoa deveria poder programar?
Sempre houve oposição a barreiras de licenciamento, então o fato de código estar virando commodity e a barreira de entrada quase desaparecer agora parece só uma continuação disso
Alguns posts de Show HN parecem impressionantes à primeira vista, mas, quando você vai olhar melhor, não funcionam direito ou fica óbvio demais que são código de IA fingindo ter sido escrito por alguém
Antes, o GitHub funcionava até certo ponto como sinal de currículo, mas, se a IA faz a maior parte, esse valor de sinalização praticamente desaparece
Em vez de mostrar só um resumo, eu queria ver também os resultados detalhados
Por exemplo, deveria vir junto uma lista de posts com pontuação alta e baixa para que a gente possa fazer um vibe check por conta própria e ver se a metodologia faz sentido
E, em vez de um gráfico de pizza com categorias arbitrárias de um ponto no tempo, seria melhor mostrar mudanças de tendência ao longo do tempo
Se for um MVP ou fase exploratória, uma UI feita por LLM é perfeitamente aceitável
Mas, quando o brinquedo começa a virar produto, chega a hora de retrabalhar a UI se a ideia for levar isso a sério
Em interfaces para pessoas, no fim das contas, o toque humano tem valor
O problema de a IA inundar o HN com bots é relacionado, mas é outra questão, de natureza um pouco diferente
Não acho que o cerne do problema seja o fato de ter sido gerado por IA
Mas UI/UX gerada por IA e feita de qualquer jeito é realmente um problema
A estética vibe-coded muitas vezes parece um sinal de "não pensei profundamente sobre como isso realmente funciona" e, mesmo quando a tecnologia por baixo é sólida, isso já é um sinal de alerta suficiente