Frontends gerados por IA convergem para padrões de design verde-esmeralda

Uma discussão no Reddit no r/ClaudeAI destaca um padrão perceptível no design de frontend gerado por IA: o surgimento do verde esmeralda como o esquema de cores dominante, substituindo a era anterior dos gradientes roxos que caracterizava a saída de UI de IA aproximadamente um ano atrás.

A mudança do roxo para o esmeralda

De acordo com a fonte, a "era roxa" apresentava seções hero roxas, CTAs roxos e cartões de glassmorfismo roxos que eram facilmente identificáveis como gerados por IA. Isso deu lugar ao que o autor chama de "era das habilidades" - habilidades de design de frontend, habilidades de componentes e kits Tailwind que prometiam UI de nível de produção e distinta.

No entanto, uma nova uniformidade surgiu: "Esmeralda. Em todo lugar. Botões esmeralda. Anéis de destaque esmeralda. Estados de hover esmeralda em links de navegação. Fundos escuros com aquele brilho verde específico." O autor observa que se você usou a habilidade de frontend do Claude ou prompts populares de componentes Tailwind nos últimos meses, reconhecerá esse padrão.

Por que o esmeralda domina

A fonte sugere que essa convergência acontece porque: "Uma habilidade é enviada com um exemplo, o exemplo usa esmeralda porque parece limpo no modo escuro, o modelo aprende 'esmeralda = UI de qualidade', e agora todo componente gerado tem aquele mesmo brilho verde."

Ao contrário da era roxa, que tinha alguma variedade (roxo, violeta, índigo, às vezes azul-esverdeado), a era esmeralda é descrita como "estranhamente específica", com todo prompt de sistema de IA ensinando "bom design" convergindo para o mesmo token de cor.

Implicações práticas

O autor faz uma distinção importante: "O roxo era algo descuidado que você podia identificar a 3 metros de distância. O esmeralda é algo descuidado que quase passa." Isso sugere que os frontends gerados por IA estão se tornando mais sofisticados, mas ainda exibem padrões identificáveis.

Uma lição prática da discussão: "Habilidades são ótimas se você realmente especificar o que quer delas." Isso indica que, embora as habilidades de IA possam gerar componentes, os desenvolvedores precisam fornecer requisitos específicos para evitar padrões de design padrão.