Las manchas borrosas detrás del título delatan la plantilla.

Cómo se ve en el código

El patrón casi siempre es el mismo bloque de Tailwind: un div vacío, con posición absoluta, redondo, de color saturado y con un desenfoque enorme.

<div aria-hidden="true" class="absolute -top-24 left-1/2 h-96 w-96
  -translate-x-1/2 rounded-full bg-violet-500/30 blur-3xl"></div>
<div aria-hidden="true" class="absolute top-40 right-0 h-72 w-72
  rounded-full bg-sky-400/30 blur-2xl"></div>

En Tailwind 4, blur-2xl equivale a filter: blur(40px) y blur-3xl a blur(64px), según su documentación. El Slop Score marca cualquier elemento con un filter: blur() de 40 px o más que ocupe más de 20.000 px² (un cuadrado de unos 140 px de lado), así que esas dos clases alcanzan para que aparezca la señal. En el resultado verás qué elemento es y cuánto desenfoque lleva.

En octubre parecía un mito; en noviembre separa

La investigación de octubre del Slop Score dudaba de esta señal: la queja contra las auroras que circulaba en Reddit resultó, al revisarla, inflada por una palabra clave, y la recomendación interna fue bajarle el peso hasta medirla. Los números de ese mes ya apuntaban a otro lado:

• En el corpus de octubre, en 8 de las 27 webs de builders de IA y en 1 de las 22 hechas a mano.
• En Lovable, en 6 de sus 19 webs de esa muestra.
• En el [estudio de noviembre](@guia-estudio), con 509 webs medidas con las mismas reglas, en 64. Pero en 26 de las 63 que sacaron 55 o más, un 41 %, y en solo 2 de las 167 que sacaron menos de 15, un 1 %.

Hay que leerlo con cuidado: esas 63 webs puntúan alto en parte porque tienen esta señal. Lo que sí dice el dato es que en una web cuidada casi no aparece. Pocas señales del estudio tienen una diferencia tan marcada entre los dos grupos.

Lo que está tapando

El hero de plantilla, con título centrado, bajada gris y dos botones, deja un hueco grande y vacío. El modelo lo resuelve con luz de colores, porque no sabe qué hace tu producto ni tiene una foto tuya. La mancha no decora el hero: oculta que le falta contenido.

Por eso no la reemplazaría por otro efecto. Una grilla de puntitos o un halo radial hacen el mismo trabajo y el Slop Score también los marca, como «Fondo de grilla o puntitos» y «Halo de luz detrás del hero».

Bórrala y pon algo tuyo

Busca en el código blur-3xl, blur-2xl, blur-[ y filter: blur(. Si el elemento está vacío y tiene aria-hidden, es decoración: bórralo. Después mira el hero sin él. Si se ve vacío, eso es lo que había que arreglar, y hay tres caminos que funcionan:

• Una captura real de tu producto, de la app o del panel, grande y nítida.
• Una foto propia: el local, el equipo, el trabajo terminado.
• Nada: fondo de un solo color y un título con el tamaño suficiente para sostener la pantalla.

Quita del hero y de todas las secciones los círculos de color desenfocados (blur-2xl, blur-3xl, cualquier filter: blur de 40px o más) y los halos o grillas decorativas de fondo. No los reemplaces por otro efecto. En el hero, a la derecha del título, pon una captura de [describe la pantalla de tu producto] con un radio de 8px y sin sombra. El fondo es de un solo color.

Si se lo pides a la IA, nombra lo que no quieres, porque si no vuelve a ponerlo en la sección siguiente (hay más instrucciones así en la guía de prompts):