Por qué las webs hechas con IA se parecen: hice 24 con Claude Code para comprobarlo
Le di a Claude Code el mismo pedido de una línea para 12 negocios, con dos modelos de Claude, y medí lo que devolvió. Vendo plantillas web, así que tengo interés en la conclusión.

En resumen
En mi prueba, las webs hechas con Claude Code se parecían porque un pedido corto deja todas las decisiones a la herramienta, y ella responde con lo que considera más probable. De 24 webs, todas tenían filas de bloques iguales, 22 mostraban cifras inventadas y 21 destacaban parte del titular. Mi impresión es que prohibir el morado no lo arregla. El valor por defecto solo cambia de sitio.
- Las 24 webs tenían filas de tres o más bloques iguales, y 21 tenían al menos tres de esas filas.
- 22 webs ponían una etiqueta pequeña sobre el titular, y 22 mostraban cifras inventadas como 12.500+.
- 21 destacaban una palabra o frase del titular, y 20 no usaban ninguna imagen.
- Sonnet 5.5 y Opus 5.5 se diferencian entre sí, pero cada uno es coherente consigo mismo.
- Los dos modelos de Claude escribieron el mismo titular para una inmobiliaria.
Qué probé
Le pedí a Claude Code una landing para 12 negocios, con dos modelos de Claude y el mismo pedido de una línea. El prompt, en inglés, decía: «Build a landing page for a dental clinic. Put everything in one file, index.html, in the current folder.» Solo cambié el negocio. Los modelos fueron Sonnet 5.5 y Opus 5.5, los dos de Anthropic, así que esto no dice nada directo sobre herramientas de otras empresas.
Cada pasada empezó limpia, sin CLAUDE.md, sin skills, sin conversación previa y solo con la herramienta de escribir archivos. Es a propósito: muestra qué hace la herramienta cuando se lo dejas todo, que es como empieza mucha gente.
Los 12 negocios fueron una clínica dental, un bufete de abogados, un gimnasio, una inmobiliaria, una herramienta SaaS de analítica, un tostador de café, un estudio de diseño, una app fintech, una agencia de viajes, una empresa solar, una startup de IA y una finca de bodas. Después abrí los 24 archivos en un navegador a 1440 píxeles, medí cada página con un script y comprobé los números contra las capturas.
Qué tenían en común las 24 webs
En 12 negocios sin relación, la misma estructura volvió casi siempre. Una clínica dental y un gimnasio piden cosas distintas, y recibieron el mismo esqueleto.
| Patrón | Sonnet 5.5 | Opus 5.5 | Total |
|---|---|---|---|
| Filas de tres o más bloques iguales | 12 de 12 | 12 de 12 | 24 de 24 |
| Dos o más botones bajo el titular | 11 | 11 | 22 de 24 |
| Etiqueta pequeña sobre el titular | 11 | 11 | 22 de 24 |
| Cifras inventadas, como 12.500+ o 98 % | 11 | 11 | 22 de 24 |
| Parte del titular destacada con cursiva o color | 9 | 12 | 21 de 24 |
| Ninguna imagen, ni archivo ni fondo CSS | 9 | 11 | 20 de 24 |
| Fondo de página blanco cálido | 5 | 7 | 12 de 24 |
| Titular con serifa | 4 | 9 | 13 de 24 |
| Contenido que aparece al hacer scroll | 1 | 12 | 13 de 24 |
Medido a 1440 píxeles el 5 de noviembre de 2026. Una pasada por negocio y modelo. «Bloques iguales» incluye filas de cifras además de tarjetas. El conteo de cifras busca números seguidos de +, %, k o M. Todas las definiciones están en las notas de los datos, en inglés.
Las cifras inventadas merecen un aviso. No le di ningún dato, así que cada «1.200+ pacientes felices» y cada «98 % de satisfacción» son inventados. En un negocio real, es una afirmación falsa a punto de publicarse.
Hasta repiten las palabras
Los dos modelos escribieron el mismo titular para la inmobiliaria: «Find the place you’ll love coming home to». Son de la misma empresa, pero funcionaron por separado y sin compartir conversación, y aun así llegaron a la misma frase.
La repetición va más allá de un titular:
- Nombres. Sonnet llamó Lumen a tres empresas distintas: la startup de IA, la app fintech y la herramienta SaaS. Opus usó Meridian dos veces. Los dos llamaron Willowmere a la finca de bodas, y los dos pusieron «Ember &» al nombre del tostador de café.
- Frases. Los dos tostadores prometían mañanas o café «worth waking up for». Las dos empresas solares abrían con «Power your home with».
- Códigos de color exactos. El mismo morado,
#7C5CFF, apareció en tres webs de software. El mismo terracota,#C4552D, en una agencia de viajes y en una inmobiliaria. El mismo dorado,#B08D57, en un bufete y en una finca de bodas.
Estos son los 24 titulares, uno al lado del otro, en el inglés original:
| Negocio | Sonnet 5.5 | Opus 5.5 |
|---|---|---|
| Clínica dental | A healthier smile, without the anxiety. | Dentistry that feels refreshingly gentle. |
| Bufete | Counsel you can trust when it matters most. | Steady counsel when the stakes are highest. |
| Gimnasio | EARN YOUR STRONG. | FORGED IN EFFORT. |
| Inmobiliaria | Find the place you’ll love coming home to. | Find the place you’ll love coming home to. |
| SaaS de analítica | Product analytics your whole team actually understands | Product analytics that answers back |
| Tostador de café | Coffee worth waking up for. | Coffee roasted slowly, for mornings worth waking up for. |
| Estudio de diseño | Design that reaches the highest point. | We shape brands that feel inevitable. |
| App fintech | Money that moves with you. | Money that keeps you steady. |
| Agencia de viajes | Journeys designed around you, not a brochure. | Go somewhere you’ll remember for good. |
| Empresa solar | Power your home with the sun. | Power your home with sunshine, not surprises. |
| Startup de IA | AI agents that run your operations, end to end. | AI agents that do the work, not just the talking. |
| Finca de bodas | Say I do among the willows | Where forever begins |
El texto del encabezado principal de cada página. Aquí la cursiva marca la parte que la página destacó con cursiva, color o un degradado.
Cualquiera de estas cosas sola podría ser casualidad. Juntas, sugieren lo estrecho que es el abanico de respuestas probables cuando nada lo acota por ti.
Por qué pasa, y por qué dudo que prohibir el morado sirva
El aspecto viene de valores por defecto, así que espero que prohibir uno solo te lleve al siguiente. Esta parte es mi lectura de los resultados. Una prueba de este tamaño no puede demostrar una causa, y no probé ninguna prohibición. Una herramienta sin dirección llena cada hueco con lo que parece más probable, y en un encargo vacío hay muchos huecos.
Los dos modelos lo muestran con claridad. No comparten un único aspecto de IA. Cada uno tiene el suyo:
| Sonnet 5.5 | Opus 5.5 | |
|---|---|---|
| Fuentes | Fuentes de sistema en el cuerpo de 9 de 12 | Inter o Inter Tight en el cuerpo de 9 de 12, Fraunces en 5 titulares |
| Titular | Con serifa en 4 de 12 | Con serifa en 9 de 12, siempre con una parte destacada |
| Movimiento | Aparición al hacer scroll en 1 de 12 | Aparición al hacer scroll en las 12 |
| Altura mediana de la página | 4.700 píxeles | 7.250 píxeles |
Los mismos pedidos, el mismo día. Las fuentes son los valores calculados del titular y del cuerpo.
El morado sobre oscuro sigue apareciendo en productos de software, como la gente no deja de señalar (se abre en una pestaña nueva). Mi impresión es que pedirle a una herramienta que lo evite te da la siguiente respuesta de la lista: papel crema, un acento terracota y una palabra en cursiva con serifa, que otros también han empezado a detectar (se abre en una pestaña nueva). Una regla negativa quita una respuesta y deja el mismo encargo vacío.
Cómo salir de ahí
Sustituye cada valor por defecto por una decisión tuya, antes de que la herramienta escriba nada. La tabla anterior funciona como lista de control. Cada patrón marca una decisión que alguien dejó abierta:
| Si lo dejas abierto, obtienes | Decide esto en su lugar |
|---|---|
| Filas de tarjetas iguales | Qué tiene que hacer cada sección, con una composición distinta para cada una |
| Etiqueta, titular y dos botones | Qué muestra la primera pantalla y la única acción que pide |
| Una palabra o frase destacada | Si el titular necesita algún énfasis |
| Cifras inventadas | Números reales, o ninguno |
| Formas CSS en lugar de imágenes | Fotografías reales o imágenes y vídeos hechos a medida |
| Crema con terracota, u oscuro con morado | Una paleta con una función para cada color |
| Aparición en cada bloque | Una forma de moverse, ligada a la idea de la web |
Cada fila une un patrón medido con la decisión que lo sustituye. Las decisiones son mi consejo, no algo que esta prueba haya medido.
No hace falta escribir esto desde cero cada vez. La guía cómo crear una página web con Claude Code cubre el tablero de dirección de arte, cómo escribir un prompt para crear una web cubre las palabras, y un archivo DESIGN.md mantiene las decisiones entre páginas.
Vendo plantillas web hechas con herramientas de IA para programar, entre ellas Claude, así que no soy neutral. Puedes comparar la clínica dental generada de arriba con Nácar, o el gimnasio generado con GRIT, y juzgar tú. La diferencia que yo señalaría es una dirección aprobada, unos recursos hechos a medida y una persona que revisa el resultado.
Qué no muestra esta prueba
Esta prueba muestra qué devuelve un encargo vacío en dos modelos de Claude un día concreto, y nada más. Ten en cuenta estos límites:
- Una pasada de cada uno. Con más pasadas por negocio, algunas cifras cambiarían.
- Una herramienta. No probé Lovable, v0, Bolt ni Cursor, que añaden sus propios valores por defecto. Esa comparación es la siguiente prueba que quiero hacer.
- Un pedido corto a propósito. Un prompt detallado, una skill o un archivo de diseño cambiarían los resultados.
- Medido con un script. Mi script cuenta estructura, no calidad. Algunas de estas páginas son agradables, y parecerse no es lo mismo que verse mal. Para una página interna rápida, puede no importar nada.
Los datos son públicos. El CSV y el JSON tienen una fila por web, con un enlace a su primera pantalla. Las notas definen cada columna, y los scripts de generación y medición (1, 2) permiten repetirla. No publico los 24 archivos HTML porque llevan datos de contacto inventados, algunos en dominios que pueden ser de alguien. Con el mismo prompt obtienes los tuyos.
Corrección, 6 de noviembre. La primera versión decía que 21 webs no usaban ningún archivo de imagen y que 21 destacaban una palabra. Contando las fotos de fondo por CSS, 20 webs no usan imagen, y muchas de las 21 destacan una frase, no una palabra.
Veredicto. En esta prueba, el aspecto genérico es lo que devolvió un encargo vacío. Cambiar de modelo cambió qué valores por defecto volvieron, y espero que prohibir un color haga lo mismo. Tomar las decisiones tú es lo que yo haría.
Preguntas
Respuestas cortas a lo que suele venir después.
¿Por qué todas las webs generadas con IA se parecen?
En mi prueba, porque un pedido corto deja abiertas casi todas las decisiones, y la herramienta llena cada una con su respuesta más probable. 21 de 24 webs destacaban parte del titular y las 24 usaban filas de bloques iguales, en 12 negocios distintos. Solo probé Claude Code.
¿Cómo hago que una web no parezca hecha con IA?
Decide lo que la herramienta decidiría por ti. Elige la estructura de cada sección, las tipografías, una forma de moverse y un elemento propio, y aporta imágenes y cifras reales. Aprueba esa dirección antes de que se construya nada.
¿Por qué las webs hechas con IA usan degradados morados?
El morado sobre oscuro es un valor por defecto habitual en productos de software, y sigue apareciendo.
¿Los modelos más nuevos evitan el aspecto genérico?
Los dos que probé, no. Opus 5.5 usó más titulares con serifa, pero sus 12 webs destacaban parte del titular y las 12 hacían aparecer el contenido al hacer scroll. Su aspecto era distinto al de Sonnet 5.5, e igual de repetible. No los comparé con modelos anteriores.
¿Claude puede crear una web que no parezca genérica?
Sí, cuando recibe decisiones que seguir. Las plantillas que vendo en Orbital Supply se hicieron con herramientas de IA para programar, entre ellas Claude, a partir de una dirección de arte aprobada, imágenes y vídeos hechos a medida y una revisión a ojo. Es trabajo mío, así que júzgalo tú.
¿Esta prueba es científica?
Es una medición pequeña. Usé una herramienta, dos modelos de Claude, 12 negocios y una pasada de cada uno, el 5 de noviembre de 2026, con un pedido corto a propósito. Los datos y los scripts son públicos. Muestra qué devuelve un encargo vacío en estos modelos. No clasifica herramientas ni predice qué haría un prompt detallado.
Olvídate de la página en blanco
Empieza desde una web terminada.
Cada plantilla es un prompt probado con su código, sus recursos y su movimiento.Sigue leyendo
Todos los artículos
Nueve errores que rompen las webs animadas hechas con IA, y cómo arreglarlos
Todos llegaron a una de nuestras builds. Ninguno lanza un error, y por eso sobreviven hasta que alguien mira la página.
Cómo escribir un prompt para crear una web completa
Las seis partes que necesita un prompt para crear una web completa, medidas en 62 prompts de nuestro catálogo.





















































