Qué es el AI slop en una web.

El AI slop en una web es el diseño que se publica tal como salió del generador, sin que nadie decida nada. Se nota porque es igual a miles de otras.

Por @ignaprados5 min de lectura

La palabra «slop» se usa en inglés para el contenido hecho en serie con IA y publicado sin revisar. En diseño web tiene una forma muy concreta: el degradé violeta, las tres tarjetas con ícono, el título que promete «potenciar tu flujo de trabajo». Cualquiera que haya pasado una hora en X o en Product Hunt lo reconoce.

Lo que casi nadie dice es que esa lista ya quedó vieja. Las herramientas aprendieron a esconder lo más obvio, y el slop de hoy es más difícil de ver. Esta guía junta las señales viejas, las nuevas y lo que más pesa de verdad, según lo que medimos para armar el Slop Score.

Por qué todas las webs hechas con IA se parecen

Un modelo de lenguaje elige lo más probable. Si le pides «una landing moderna» sin decir nada más, te devuelve el promedio de todas las landings que vio: Tailwind con sus valores de fábrica, componentes de shadcn/ui sin tocar, la tipografía que traía la plantilla y los textos que se repiten en miles de páginas de producto.

Ninguna de esas piezas está mal por sí sola. El problema aparece cuando todas llegan juntas y sin cambios: la web no tiene ninguna decisión propia, y quien entra lo siente aunque no sepa explicarlo.

Las señales de siempre

Son las que aparecen en todas las listas, y siguen siendo ciertas en las webs hechas hasta 2025:

  • Degradé violeta o índigo en el hero y en los botones. Viene del color que Tailwind usaba en sus ejemplos.
  • Inter en todo, o la tipografía del sistema, sin una segunda familia que le dé carácter.
  • Tres tarjetas iguales con un ícono arriba, una por beneficio, con el mismo radio de esquina que todo lo demás.
  • Textos que sirven para cualquier producto: «Desbloquea el poder de…», «Lleva tu negocio al siguiente nivel», «Sin fricción». Si cambias el nombre del producto y la frase sigue funcionando, es slop.
  • Testimonios que nadie escribió: cinco estrellas en todas las tarjetas, avatares con una inicial y nombres como «María González» o «Carlos Mendoza».
  • Íconos de Lucide como logo: una chispa, un rayo o un robot dentro de un cuadrado con degradé.

Las señales nuevas, que casi nadie mira

Desde 2026 varios generadores le piden al modelo que evite el violeta, así que muchas webs nuevas ya no lo tienen. Lo que aparece en su lugar es otra receta, igual de repetida:

  • Gris neutro de shadcn con un solo acento de la paleta de Tailwind (un verde, un naranja o un azul en su tono 500 o 600). Parece sobrio, pero son los valores de fábrica.
  • Fondo crema, serif en los títulos y verde salvia o terracota como acento. Es la estética «editorial» que salió de los propios modelos cuando se les pidió algo distinto.
  • Etiquetas pequeñas en mayúsculas, con mucho espaciado, arriba de cada título.
  • Textos de adorno con puntos medios: «Diseño · Código · Estrategia».
  • Una flecha al final de cada botón y un punto que late al lado de algo que no está en vivo.
  • Tarjetas que se levantan al pasar el mouse aunque no se puedan tocar.
  • El subtítulo repite el título con otras palabras.

Una aclaración honesta: este sitio usa etiquetas pequeñas en gris y un punto verde junto al precio. Una señal sola no dice nada; en los sitios cuidados también aparecen. Lo que delata es la suma, y que nadie las haya elegido.

Lo que más pesa no es un color

Cuando calibramos el Slop Score comparando webs generadas con webs hechas por diseñadores, lo que más separaba a unas de otras no fue el violeta ni la tipografía. Fue no haber tocado ningún valor por defecto: todos los márgenes y todos los tamaños de letra caían exactos en la escala de Tailwind, y los bloques estaban centrados uno debajo del otro.

Un diseñador rompe esa escala sin pensarlo: un título más grande de lo que «corresponde», un espacio más apretado donde dos cosas van juntas, una columna corrida a la izquierda. Esas pequeñas decisiones son las que hacen que una web se sienta pensada.

Después medimos 197 webs para ver cuánto aparece y cuánto pesa cada señal. Los números, y las señales famosas que no sirven para nada, están en lo que más delata a las webs hechas con IA.

Las huellas de la herramienta

Algunas señales no son de diseño sino de procedencia, y casi no fallan: la web vive en un dominio del generador (lovable.app, bolt.host), el <title> es el nombre del proyecto con guiones, o las imágenes se llaman hero-image y guarantee-badge. En esta guía sobre Lovable, v0 y Bolt están las de cada uno.

Que se note la herramienta no es grave en sí. Pero si quien visita tu web la reconoce, ya decidió algo sobre ti antes de leer lo que ofreces.

Cómo saber si tu web tiene slop

  1. Tapa el logo. ¿Podría ser la web de un competidor sin cambiar nada más?
  2. Lee el título en voz alta. ¿Dice qué haces o solo promete algo?
  3. Cuenta las secciones con tres tarjetas iguales.
  4. Mira si hay al menos una foto o captura que sea tuya de verdad.
  5. Pega tu link en el Slop Score: en un minuto te dice qué señales encuentra y cuáles pesan más.

Si encontraste varias, la guía para que tu web no parezca hecha con IA tiene los cambios en el orden en que más rinden.

Preguntas frecuentes

¿Qué significa AI slop?

Es contenido hecho en serie con inteligencia artificial y publicado sin revisión: textos, imágenes o webs que se ven genéricos porque nadie tomó una decisión sobre ellos. En una web, son los valores por defecto del generador publicados tal cual.

¿Cómo saber si una web está hecha con IA?

Busca varias señales juntas: escala de espacios sin tocar, tres tarjetas con ícono, textos que sirven para cualquier producto, testimonios con cinco estrellas en todas las tarjetas y huellas del generador en el dominio o en el código. Una sola no alcanza para decirlo.

¿Está mal hacer una web con IA?

No. El problema es publicar lo primero que sale sin decidir nada. Una web hecha con IA puede verse muy bien si alguien elige la tipografía, la paleta, la estructura y los textos.

¿El degradé violeta sigue siendo la señal principal?

Ya no. Muchos generadores le piden al modelo que lo evite, y las webs nuevas salen en gris neutro con un solo acento, o con fondo crema y serif. La señal que más pesa hoy es no haber cambiado ningún valor por defecto.