Por qué tantas webs hechas con IA se ven iguales

Si has navegado los últimos meses por landings generadas con IA, habrás
notado un patrón: gradientes morados, bg-indigo-500, hero con dos
columnas, badges casi idénticos. Es el «Purple Problem» del que habla
Alan West en Dev.to: la IA no está rompiendo el diseño, está
clonando la misma estética una y otra vez.

El problema no es Tailwind. Tailwind solo es la herramienta más
disponible para los modelos. El problema es qué referencias
visuales aprendieron y qué tokens usan por defecto.

Tres ideas para escapar de eso sin renunciar a la velocidad de la IA:

1. Pasarle TU sistema visual antes de pedirle nada
   En vez de aceptar bg-indigo-500, define tus tokens (color, spacing,
   tipografía) y dale al modelo la paleta y el sistema antes de
   generar. La IA es buena copiando lo que le das, no lo que tú
   imaginas.

2. Pedir referencias concretas, no genéricas
   «Genérame un hero» termina en hero genérico. «Genérame un hero al
   estilo de Stripe pero con la jerarquía tipográfica de Linear»
   produce algo distinto. La especificidad cambia el resultado.

3. Iterar sobre la atmósfera, no sobre el componente
   Cuando un componente sale «demasiado IA», no lo retoques por
   parámetros. Cambia la atmósfera completa: más espacio negativo,
   tipografía más densa, paleta menos saturada. La diferencia
   visual sale del conjunto, no del botón.

Si estás trabajando con IA + Tailwind y notas que tus landings
empiezan a parecerse entre sí, mira primero qué tokens estás dando por
defecto. Ahí está el 80% del problema.