# Biblioteca de referencia Ecozentech — version para AGENTES

## AVISO IMPORTANTE PARA EL AGENTE — LEE ESTO PRIMERO

Esta biblioteca es un INDICE. **NO copies el estilo visual de la pagina de la galeria**
(su papel crema, su tipografia monoespaciada, su aire brutalista-editorial). Ese estilo
es el del catalogo, NO es la referencia.

Las referencias son **las webs enlazadas**. Para usar una:
1. Coge su URL real de este documento.
2. Ve a esa web y MIDELA (o usa /clone-site <url> si esta instalada).
3. Usa su "vocabulario" de abajo como lenguaje de diseno objetivo del brief.

Y recuerda las reglas de casa de Ecozentech:
- El diseno se ancla en la MARCA REAL del cliente: color muestreado de su logo, sus fotos
  reales, su voz literal, sus datos verificables. Nunca se inventan datos.
- Se hereda el andamiaje (estructura, ritmo, jerarquia). Se regenera la piel (copy, paleta,
  imagenes, marca). Nunca se copia el contenido ni la marca de un tercero.
- Anti-slop: un solo acento, componentes repetidos, cero relleno generico.

---

# PARTE 1 — Webs REALES por sector (71)

Estas son referencias de sitios vivos. Visita la URL para medir el diseno.


## El patron ganador

> La prueba de que "web bonita" y "web que capta clientes" no estan renidas: estetica de estudio premium CON la keyword local explicita en el title y el H1. Es el argumento de venta de Ecozentech, demostrado.
> **Clientes:** Todos: es el patron que vendemos. Especialmente Almudena, Tucasa, DuchaVip, Rosso
> **El riesgo a asumir:** Sostener la estetica sin renunciar al termino comercial en el H1.

### Molins Design
- **URL real (esta es la referencia):** https://www.molinsdesign.com/
- **Sector / coleccion:** El patron ganador
- **Aplica a:** Todos: es el patron que vendemos. Especialmente Almudena, Tucasa, DuchaVip, Rosso
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** title con ciudad · estetica de estudio · proyectos por tipologia · contacto sin friccion
- **Por que sirve:** Estudio de interiorismo Barcelona/Madrid. Estetica premium Y title optimizado a keyword local. El ejemplo exacto de lo que vendemos: bonito y que capta.

### Etna Studio
- **URL real (esta es la referencia):** https://www.etnastudio.com/
- **Sector / coleccion:** El patron ganador
- **Aplica a:** Todos: es el patron que vendemos. Especialmente Almudena, Tucasa, DuchaVip, Rosso
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** keyword local en title · portfolio sobrio · estudio pequeno con nivel
- **Por que sirve:** Mismo patron que Molins: web cuidada con termino comercial local. Referencia realista para un estudio de tamano medio.

### Nonna Design
- **URL real (esta es la referencia):** https://nonnadesign.es/
- **Sector / coleccion:** El patron ganador
- **Aplica a:** Todos: es el patron que vendemos. Especialmente Almudena, Tucasa, DuchaVip, Rosso
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** estudio pequeno · terminos comerciales locales · proyecto por proyecto · cercania
- **Por que sirve:** Valencia. Estudio pequeno que SI ataca terminos comerciales locales sin renunciar al diseno. Muy replicable para clientes de tamano medio.

### SDH Studio
- **URL real (esta es la referencia):** https://sdhstudio.com/
- **Sector / coleccion:** El patron ganador
- **Aplica a:** Todos: es el patron que vendemos. Especialmente Almudena, Tucasa, DuchaVip, Rosso
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** H1 con ciudad · diseno premium · servicios claros · captacion explicita
- **Por que sirve:** Title y H1 orientados a "Architects Miami FL" con diseno de nivel. Demuestra que el SEO local no obliga a bajar el liston estetico.

### Schmitt + Company
- **URL real (esta es la referencia):** https://www.schmittcompany.com/
- **Sector / coleccion:** El patron ganador
- **Aplica a:** Todos: es el patron que vendemos. Especialmente Almudena, Tucasa, DuchaVip, Rosso
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** home builders near me · estetica limpia · proceso visible · geografia clara
- **Por que sirve:** Ataca directamente la busqueda local manteniendo una estetica limpia. Modelo para Tucasa, Reotec y Agirre.

### Re-Bath
- **URL real (esta es la referencia):** https://www.rebath.com/
- **Sector / coleccion:** El patron ganador
- **Aplica a:** Todos: es el patron que vendemos. Especialmente Almudena, Tucasa, DuchaVip, Rosso
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** embudo de reforma de bano · presupuesto en pasos · antes y despues · cobertura por zona · financiacion
- **Por que sirve:** Reforma de banos a escala nacional. EL mejor benchmark de embudo que existe para DuchaVip: mismo servicio, misma logica de captacion por ubicacion.

### Studio McGee
- **URL real (esta es la referencia):** https://www.studiomcgee.com/
- **Sector / coleccion:** El patron ganador
- **Aplica a:** Todos: es el patron que vendemos. Especialmente Almudena, Tucasa, DuchaVip, Rosso
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** servicios con precio de entrada · CTA claro · contenido como imán · hogar aspiracional
- **Por que sirve:** El mejor ejemplo mundial de interiorismo que convierte: servicios, precio de entrada y CTA claros sin perder la estetica. Referencia para Almudena.

## Reformas y construccion

> El sector con menos referencias buenas del mundo. Lo que funciona aqui no es belleza: es confianza, proceso y presupuesto claro.
> **Clientes:** Tucasa, Reotec, Agirre, Reformas Sabadell, Vimaer, ATC
> **El riesgo a asumir:** Nadie en Espana esta haciendo esto a nivel Block Renovation. Ese es el hueco.

### Block Renovation
- **URL real (esta es la referencia):** https://www.blockrenovation.com/
- **Sector / coleccion:** Reformas y construccion
- **Aplica a:** Tucasa, Reotec, Agirre, Reformas Sabadell, Vimaer, ATC
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** presupuesto cerrado · calculadora de coste · proceso paso a paso · casos con cifras · confianza sobre estetica
- **Por que sirve:** La mejor referencia mundial para una web de reformas. Es Tucasa/Reotec hecho a nivel top: reforma integral con precio cerrado, casos con coste real y proceso explicado.

### Curbio
- **URL real (esta es la referencia):** https://curbio.com/
- **Sector / coleccion:** Reformas y construccion
- **Aplica a:** Tucasa, Reotec, Agirre, Reformas Sabadell, Vimaer, ATC
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** reforma para vender · pago al cierre · antes y despues · sin coste inicial
- **Por que sirve:** Cruza reformas con inmobiliaria: reformar para vender mejor. Es literalmente el modelo de Elba Tucasa.

### Thumbtack
- **URL real (esta es la referencia):** https://www.thumbtack.com/
- **Sector / coleccion:** Reformas y construccion
- **Aplica a:** Tucasa, Reotec, Agirre, Reformas Sabadell, Vimaer, ATC
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** cuentanos tu proyecto · formulario por pasos · match con profesional · intencion de servicio local
- **Por que sirve:** El mejor flujo de captacion de servicio local que existe. Copiar la logica del formulario por pasos, no la estetica.

### Houzz
- **URL real (esta es la referencia):** https://www.houzz.com/
- **Sector / coleccion:** Reformas y construccion
- **Aplica a:** Tucasa, Reotec, Agirre, Reformas Sabadell, Vimaer, ATC
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** portfolio por ambiente · resenas verificadas · libro de ideas · profesional verificado
- **Por que sirve:** El ecosistema de resenas y portfolio del sector. Almudena ya tiene 4.9 aqui: mirar como presentan el portfolio por ambiente.

### United Carriers
- **URL real (esta es la referencia):** https://unitedcarriers.com/
- **Sector / coleccion:** Reformas y construccion
- **Aplica a:** Tucasa, Reotec, Agirre, Reformas Sabadell, Vimaer, ATC
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** editorial en sector aburrido · movimiento contenido · tipografia grande · oficio como argumento
- **Por que sirve:** Awwwards SOTD sep-26. Plantilla mental perfecta de como dar tratamiento premium a un sector poco glamuroso. Justo el reto de reformas.

### Floema
- **URL real (esta es la referencia):** https://floema.com/en
- **Sector / coleccion:** Reformas y construccion
- **Aplica a:** Tucasa, Reotec, Agirre, Reformas Sabadell, Vimaer, ATC
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** material en 3D · detalle de acabado · catalogo como galeria · luz sobre textura
- **Por que sirve:** Awwwards SOTM may-26. Como presentar materiales y acabados con dignidad. Util para cocinas y banos.

### Dowbuilt
- **URL real (esta es la referencia):** https://www.dowbuilt.com/
- **Sector / coleccion:** Reformas y construccion
- **Aplica a:** Tucasa, Reotec, Agirre, Reformas Sabadell, Vimaer, ATC
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** fotografia nivel arquitectura · proceso por fases · oficio como argumento · colaboracion con estudios
- **Por que sirve:** El mejor del sector: fotografia de nivel arquitectura + proceso explicado por fases. Es a donde deberia aspirar una web de reformas premium.

### Hobbs, Inc.
- **URL real (esta es la referencia):** https://www.hobbsinc.com/
- **Sector / coleccion:** Reformas y construccion
- **Aplica a:** Tucasa, Reotec, Agirre, Reformas Sabadell, Vimaer, ATC
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** sobriedad · prueba de oficio · detalle constructivo · legado
- **Por que sirve:** Constructora de lujo con web sobria. Como vender oficio sin gritar.

### Castle Homes
- **URL real (esta es la referencia):** https://www.castlehomes.com/
- **Sector / coleccion:** Reformas y construccion
- **Aplica a:** Tucasa, Reotec, Agirre, Reformas Sabadell, Vimaer, ATC
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** el viaje del cliente · fases explicadas · embudo claro · confianza
- **Por que sirve:** Construye toda la web sobre la narrativa del proceso del cliente. Muy buen embudo: exactamente lo que falta en las webs de reformas espanolas.

### West Village GC
- **URL real (esta es la referencia):** https://www.westvillagegc.com/
- **Sector / coleccion:** Reformas y construccion
- **Aplica a:** Tucasa, Reotec, Agirre, Reformas Sabadell, Vimaer, ATC
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** hiperlocal · reforma urbana · portfolio por vivienda · premium de barrio
- **Por que sirve:** Contratista de barrio (NYC) con web premium. Modelo para un cliente de reformas que trabaja una zona concreta.

### Espacios y Proyectos
- **URL real (esta es la referencia):** https://www.espaciosyproyectos.es/
- **Sector / coleccion:** Reformas y construccion
- **Aplica a:** Tucasa, Reotec, Agirre, Reformas Sabadell, Vimaer, ATC
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** obra nueva vs reforma vs rehabilitacion · segmentacion desde el title · servicios separados
- **Por que sirve:** Ejemplo espanol que segmenta obra nueva, reformas y rehabilitacion desde el propio title. Justo lo que aplica a Reotec.

### MATT Construction
- **URL real (esta es la referencia):** https://www.mattconstruction.com/
- **Sector / coleccion:** Reformas y construccion
- **Aplica a:** Tucasa, Reotec, Agirre, Reformas Sabadell, Vimaer, ATC
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** portfolio como arquitectura · obra fotografiada · sobriedad corporativa
- **Por que sirve:** Trata su portfolio de obra como si fuera arquitectura, no como obra. Cambio de marco muy util.

## Inmobiliaria

> Promocion residencial y agencia premium. Fotografia de territorio, ficha de producto y captacion sin gritar.
> **Clientes:** Elba Tucasa, Plaza y Stoica, promotoras
> **El riesgo a asumir:** Que parezca portal generico. La diferencia esta en el lugar, no en el listado.

### ERA Residence
- **URL real (esta es la referencia):** https://www.era-residence.com/
- **Sector / coleccion:** Inmobiliaria
- **Aplica a:** Elba Tucasa, Plaza y Stoica, promotoras
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** territorio como protagonista · promocion boutique · scroll narrativo · mediterraneo · captacion discreta
- **Por que sirve:** Awwwards SOTD ago-26. Promocion residencial en Marbella/Estepona. El mejor benchmark ACTUAL para inmobiliaria premium espanola. Referencia numero uno del sector.

### Engel & Volkers
- **URL real (esta es la referencia):** https://www.engelvoelkers.com/
- **Sector / coleccion:** Inmobiliaria
- **Aplica a:** Elba Tucasa, Plaza y Stoica, promotoras
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** buscador prominente · ficha de propiedad · red de oficinas · marca fuerte
- **Por que sirve:** Como estructurar una red de oficinas y un buscador sin parecer portal. Relevante para Senyera con sus 4 oficinas.

### Barnes International
- **URL real (esta es la referencia):** https://www.barnes-international.com/
- **Sector / coleccion:** Inmobiliaria
- **Aplica a:** Elba Tucasa, Plaza y Stoica, promotoras
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** lujo sobrio · fotografia de propiedad · servicio de conserjeria · discrecion
- **Por que sirve:** Eje lujo sin estridencia. Buena leccion de como NO gritar el precio.

### Compass
- **URL real (esta es la referencia):** https://www.compass.com/
- **Sector / coleccion:** Inmobiliaria
- **Aplica a:** Elba Tucasa, Plaza y Stoica, promotoras
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** busqueda por mapa · datos de mercado · agente como producto · limpieza
- **Por que sirve:** El equilibrio entre dato y calidez. Util para la parte de buscador.

### The Agency
- **URL real (esta es la referencia):** https://www.theagencyre.com/
- **Sector / coleccion:** Inmobiliaria
- **Aplica a:** Elba Tucasa, Plaza y Stoica, promotoras
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** negro editorial · agente como marca · fotografia de propiedad · identidad fuerte
- **Por que sirve:** El mejor branding de agencia inmobiliaria del mundo. Negro, editorial, y los agentes tratados como marca propia. Referencia para Elba Tucasa.

### Christie's Real Estate
- **URL real (esta es la referencia):** https://www.christiesrealestate.com/
- **Sector / coleccion:** Inmobiliaria
- **Aplica a:** Elba Tucasa, Plaza y Stoica, promotoras
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** serif impecable · lujo real · sin oropel · fichas editoriales
- **Por que sirve:** Lujo de verdad sin caer en dorados. Clase magistral de tipografia serif aplicada a inmobiliaria.

### Neinor Homes
- **URL real (esta es la referencia):** https://neinorhomes.com/
- **Sector / coleccion:** Inmobiliaria
- **Aplica a:** Elba Tucasa, Plaza y Stoica, promotoras
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** buscador de promociones · captacion por proyecto · estado de obra · promotora
- **Por que sirve:** Promotora espanola: buscador de promociones y captacion por proyecto. Referencia nacional realista.

### AEDAS Homes
- **URL real (esta es la referencia):** https://www.aedashomes.com/
- **Sector / coleccion:** Inmobiliaria
- **Aplica a:** Elba Tucasa, Plaza y Stoica, promotoras
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** ficha muy completa · recorrido virtual · plano y calidades · filtro por provincia
- **Por que sirve:** Las fichas de promocion mas completas del mercado espanol. Modelo de que informacion dar.

### Drumelia
- **URL real (esta es la referencia):** https://www.drumelia.com/
- **Sector / coleccion:** Inmobiliaria
- **Aplica a:** Elba Tucasa, Plaza y Stoica, promotoras
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** video de produccion alta · propiedad como pelicula · Costa del Sol · agente visible
- **Por que sirve:** Video de propiedades a nivel produccion cinematografica. Referente en Costa del Sol y prueba de que el video vende inmuebles.

### Rimontgo
- **URL real (esta es la referencia):** https://www.rimontgo.es/
- **Sector / coleccion:** Inmobiliaria
- **Aplica a:** Elba Tucasa, Plaza y Stoica, promotoras
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** sobriedad · sello de prestigio · valenciana · Forbes Global Properties
- **Por que sirve:** Inmobiliaria de lujo espanola (Valencia). Sobria y con sello de prestigio. Muy cercana a vuestro territorio.

## Interiorismo y hogar

> El cruce lujo + cercania. Fotografia calida de hogar real, serif suave, y aun asi vende con ficha y CTA.
> **Clientes:** Almudena Madrid Interiorismo, Rosso Cocinas, DuchaVip
> **El riesgo a asumir:** Bajar el titular y dejar que la foto mande.

### Vincent Van Duysen
- **URL real (esta es la referencia):** https://www.vincentvanduysen.com/
- **Sector / coleccion:** Interiorismo y hogar
- **Aplica a:** Almudena Madrid Interiorismo, Rosso Cocinas, DuchaVip
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** obra a pantalla completa · silencio · materia y sombra · indice sobrio
- **Por que sirve:** El eje LUJO del brief de Almudena. Como presentar proyecto de interiorismo sin una sola palabra de mas.

### Schoolhouse
- **URL real (esta es la referencia):** https://schoolhouse.com/
- **Sector / coleccion:** Interiorismo y hogar
- **Aplica a:** Almudena Madrid Interiorismo, Rosso Cocinas, DuchaVip
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** fotografia de hogar real · serif calido · oficio americano · ficha con precio
- **Por que sirve:** El eje CERCANIA del brief de Almudena. Premium y calido pero con ficha, precio y CTA. El cruce con Van Duysen es literalmente lujo + cercania.

### Parachute Home
- **URL real (esta es la referencia):** https://www.parachutehome.com/
- **Sector / coleccion:** Interiorismo y hogar
- **Aplica a:** Almudena Madrid Interiorismo, Rosso Cocinas, DuchaVip
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** textil en contexto · luz de manana · paleta arena · vida real
- **Por que sirve:** La foto de hogar real como argumento de venta. Referencia de primer orden para interiorismo y reformas.

### Audo Copenhagen
- **URL real (esta es la referencia):** https://audocph.com/
- **Sector / coleccion:** Interiorismo y hogar
- **Aplica a:** Almudena Madrid Interiorismo, Rosso Cocinas, DuchaVip
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** bodegon · paleta marfil y taupe · small caps · restriccion de boticario
- **Por que sirve:** El norte para Senyera y para cualquier marca que quiera lujo silencioso.

### Ferm Living
- **URL real (esta es la referencia):** https://fermliving.com/
- **Sector / coleccion:** Interiorismo y hogar
- **Aplica a:** Almudena Madrid Interiorismo, Rosso Cocinas, DuchaVip
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** escena de hogar · color apagado · catalogo navegable · estilo de vida
- **Por que sirve:** Como hacer catalogo extenso sin ruido. Aplicable a Rosso Cocinas.

### GUBI
- **URL real (esta es la referencia):** https://gubi.com/
- **Sector / coleccion:** Interiorismo y hogar
- **Aplica a:** Almudena Madrid Interiorismo, Rosso Cocinas, DuchaVip
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** pieza como escultura · fondo neutro · historia de producto · archivo
- **Por que sirve:** Producto tratado como pieza. Buena leccion de ficha de producto premium.

### Lazaro Rosa-Violan
- **URL real (esta es la referencia):** https://lazarorosaviolan.com/
- **Sector / coleccion:** Interiorismo y hogar
- **Aplica a:** Almudena Madrid Interiorismo, Rosso Cocinas, DuchaVip
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** catalogo visual · proyecto de hosteleria · atmosfera · referente espanol
- **Por que sirve:** Referente absoluto del interiorismo de hosteleria en Espana. Util para CALIMA y para el cruce interiorismo-restauracion.

### El Equipo Creativo
- **URL real (esta es la referencia):** https://elequipocreativo.com/
- **Sector / coleccion:** Interiorismo y hogar
- **Aplica a:** Almudena Madrid Interiorismo, Rosso Cocinas, DuchaVip
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** explica el concepto · proyecto razonado · premios visibles · no solo la foto
- **Por que sirve:** Explica el CONCEPTO de cada proyecto, no solo ensena la foto. Eso es lo que justifica un precio alto. Leccion directa para vender diseno.

### Masquespacio
- **URL real (esta es la referencia):** https://www.masquespacio.com/
- **Sector / coleccion:** Interiorismo y hogar
- **Aplica a:** Almudena Madrid Interiorismo, Rosso Cocinas, DuchaVip
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** color saturado · personalidad de marca · imposible de confundir · valenciano
- **Por que sirve:** Estudio valenciano con identidad radical. Prueba de que la personalidad diferencia mas que el pulido.

### Astet Studio
- **URL real (esta es la referencia):** https://astetstudio.com/
- **Sector / coleccion:** Interiorismo y hogar
- **Aplica a:** Almudena Madrid Interiorismo, Rosso Cocinas, DuchaVip
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** fotografia envolvente · scroll horizontal · inmersion
- **Por que sirve:** Navegacion horizontal bien resuelta con fotografia envolvente.

### Studio Ashby
- **URL real (esta es la referencia):** https://studioashby.com/
- **Sector / coleccion:** Interiorismo y hogar
- **Aplica a:** Almudena Madrid Interiorismo, Rosso Cocinas, DuchaVip
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** color en la interfaz · arte integrado · apartado de prensa · calidez britanica
- **Por que sirve:** Integra color y arte en la propia interfaz. Muy buen apartado de prensa como prueba social.

### Andrew Trotter
- **URL real (esta es la referencia):** https://andrewtrotter.com/
- **Sector / coleccion:** Interiorismo y hogar
- **Aplica a:** Almudena Madrid Interiorismo, Rosso Cocinas, DuchaVip
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** paleta terracota · mediterraneo · cal y piedra · luz del sur
- **Por que sirve:** Estetica mediterranea muy replicable para clientes del Levante: Valencia, Alicante, Baleares.

## Arquitectura y estudio

> Rejilla brutal, cero decoracion, la obra manda. La clase magistral de dejar que el trabajo hable.
> **Clientes:** Estudios, Senyera, portfolios de obra
> **El riesgo a asumir:** Restar hasta que incomode.

### John Pawson
- **URL real (esta es la referencia):** https://www.johnpawson.com/
- **Sector / coleccion:** Arquitectura y estudio
- **Aplica a:** Estudios, Senyera, portfolios de obra
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** indice de obra · foto a sangre · cero interfaz · luz como material
- **Por que sirve:** Minimalismo llevado al limite. La web desaparece y queda la obra.

### MESURA
- **URL real (esta es la referencia):** https://mesura.eu/
- **Sector / coleccion:** Arquitectura y estudio
- **Aplica a:** Estudios, Senyera, portfolios de obra
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** estudio espanol · proyecto por proyecto · rejilla editorial · materia mediterranea
- **Por que sirve:** Estudio de Barcelona con nivel internacional. Referencia local realista.

### Batlle i Roig
- **URL real (esta es la referencia):** https://www.batlleiroig.com/
- **Sector / coleccion:** Arquitectura y estudio
- **Aplica a:** Estudios, Senyera, portfolios de obra
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** paisaje y arquitectura · ficha tecnica · archivo extenso · sobriedad
- **Por que sirve:** Como organizar un archivo grande de obra sin perder claridad.

### Estudio Herreros
- **URL real (esta es la referencia):** https://estudioherreros.com/
- **Sector / coleccion:** Arquitectura y estudio
- **Aplica a:** Estudios, Senyera, portfolios de obra
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** indice tipografico · obra internacional · texto como estructura
- **Por que sirve:** Estudio madrileno. Navegacion tipografica muy limpia.

### Fran Silvestre Arquitectos
- **URL real (esta es la referencia):** https://fransilvestrearquitectos.com/
- **Sector / coleccion:** Arquitectura y estudio
- **Aplica a:** Estudios, Senyera, portfolios de obra
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** blanco absoluto · fotografia impecable · silencio · referente valenciano
- **Por que sirve:** El mejor referente espanol de lujo silencioso, y ademas de Valencia. Nivel a igualar para cualquier cliente premium del Levante.

### OHLAB
- **URL real (esta es la referencia):** https://www.ohlab.net/
- **Sector / coleccion:** Arquitectura y estudio
- **Aplica a:** Estudios, Senyera, portfolios de obra
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** relato unico · reticula limpia · ritmo de scroll · dos disciplinas
- **Por que sirve:** Junta arquitectura e interiorismo en un mismo relato sin que se note la costura. Util cuando un cliente hace las dos cosas.

### Viraje
- **URL real (esta es la referencia):** https://www.viraje.es/
- **Sector / coleccion:** Arquitectura y estudio
- **Aplica a:** Estudios, Senyera, portfolios de obra
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** posicionamiento en el title · cercania declarada · honestidad como eje
- **Por que sirve:** Declara su posicionamiento en el propio title: arquitectura mas humana, cercana y honesta. Ejemplo de diferenciacion por mensaje, no por estetica.

### BIG · Bjarke Ingels
- **URL real (esta es la referencia):** https://big.dk/
- **Sector / coleccion:** Arquitectura y estudio
- **Aplica a:** Estudios, Senyera, portfolios de obra
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** grid brutalmente denso · filtrado instantaneo · tipografia como sistema
- **Por que sirve:** Como resolver un catalogo enorme de obra con filtrado instantaneo y cero decoracion.

### David Chipperfield
- **URL real (esta es la referencia):** https://www.davidchipperfield.com/
- **Sector / coleccion:** Arquitectura y estudio
- **Aplica a:** Estudios, Senyera, portfolios de obra
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** blanco y negro · severidad · la obra manda · cero interfaz
- **Por que sirve:** Minimalismo llevado al extremo. La referencia cuando el cliente quiere que hable solo el trabajo.

## Hosteleria y hoteles

> Multi-local con reserva, y premium sin tocar el eje precio. Dos problemas resueltos.
> **Clientes:** CALIMA (5 locales), 87 Llaves, Don Guillo, Vegalfaro
> **El riesgo a asumir:** Mantener la reserva funcional dentro de una estetica de silencio.

### Dishoom
- **URL real (esta es la referencia):** https://www.dishoom.com/
- **Sector / coleccion:** Hosteleria y hoteles
- **Aplica a:** CALIMA (5 locales), 87 Llaves, Don Guillo, Vegalfaro
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** selector de local · reserva integrada · relato de marca · carta como contenido · cada local su alma
- **Por que sirve:** EL ejemplo de multi-local con reserva. Es exactamente el caso CALIMA con sus 5 locales. Referencia numero uno del sector.

### Disfrutar Barcelona
- **URL real (esta es la referencia):** https://www.disfrutarbarcelona.com/
- **Sector / coleccion:** Hosteleria y hoteles
- **Aplica a:** CALIMA (5 locales), 87 Llaves, Don Guillo, Vegalfaro
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** experiencia sobre menu · reserva escasa · fotografia de plato · sobriedad
- **Por que sirve:** Alta cocina espanola. Como vender experiencia sin precio en portada.

### El Celler de Can Roca
- **URL real (esta es la referencia):** https://cellercanroca.com/
- **Sector / coleccion:** Hosteleria y hoteles
- **Aplica a:** CALIMA (5 locales), 87 Llaves, Don Guillo, Vegalfaro
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** relato familiar · territorio · reserva por lista · prestigio contenido
- **Por que sirve:** Prestigio sin alarde. Buena leccion de tono.

### Aman
- **URL real (esta es la referencia):** https://www.aman.com/
- **Sector / coleccion:** Hosteleria y hoteles
- **Aplica a:** CALIMA (5 locales), 87 Llaves, Don Guillo, Vegalfaro
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** silencio como lujo · territorio · booking funcional · sin eje precio · fotografia inmersiva
- **Por que sirve:** Referencia para 87 Llaves: premium absoluto SIN tocar el eje precio, y con booking funcional dentro de una estetica de silencio. Justo la norma de 87 Llaves.

### The Hoxton
- **URL real (esta es la referencia):** https://thehoxton.com/
- **Sector / coleccion:** Hosteleria y hoteles
- **Aplica a:** CALIMA (5 locales), 87 Llaves, Don Guillo, Vegalfaro
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** multi-ciudad · barrio como argumento · tono cercano · reserva clara
- **Por que sirve:** Multi-ciudad con personalidad por local. Aplicable a 87 Llaves y a CALIMA.

### Casa Cook
- **URL real (esta es la referencia):** https://casacook.com/
- **Sector / coleccion:** Hosteleria y hoteles
- **Aplica a:** CALIMA (5 locales), 87 Llaves, Don Guillo, Vegalfaro
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** paleta arena · mediterraneo · textura natural · calma
- **Por que sirve:** Estetica mediterranea calida. Muy afin al territorio de 87 Llaves en Valencia.

### Grupo Tragaluz
- **URL real (esta es la referencia):** https://grupotragaluz.com/
- **Sector / coleccion:** Hosteleria y hoteles
- **Aplica a:** CALIMA (5 locales), 87 Llaves, Don Guillo, Vegalfaro
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** arquitectura de marcas · grupo restaurador · cada local su identidad · reserva por local
- **Por que sirve:** Grupo de restauracion espanol con arquitectura de marcas bien resuelta. Directamente aplicable a CALIMA con sus 5 locales.

### Sagardi
- **URL real (esta es la referencia):** https://www.sagardi.com/
- **Sector / coleccion:** Hosteleria y hoteles
- **Aplica a:** CALIMA (5 locales), 87 Llaves, Don Guillo, Vegalfaro
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** selector de local · reserva integrada · cadena internacional · producto como eje
- **Por que sirve:** Cadena espanola internacional con selector de local y reserva integrada. El patron tecnico exacto que necesita CALIMA.

### El Nacional Barcelona
- **URL real (esta es la referencia):** https://elnacionalbcn.com/
- **Sector / coleccion:** Hosteleria y hoteles
- **Aplica a:** CALIMA (5 locales), 87 Llaves, Don Guillo, Vegalfaro
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** varios conceptos · un solo espacio · navegacion por barra · reserva unica
- **Por que sirve:** Varios conceptos gastronomicos bajo una sola marca y un solo espacio. Buen modelo cuando un local tiene varias zonas.

### Nobu
- **URL real (esta es la referencia):** https://www.noburestaurants.com/
- **Sector / coleccion:** Hosteleria y hoteles
- **Aplica a:** CALIMA (5 locales), 87 Llaves, Don Guillo, Vegalfaro
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** selector de ciudad · marca global · consistencia · reserva por local
- **Por que sirve:** Marca global multi-local con selector de ciudad muy claro. Referencia de como escalar sin perder marca.

### Rosewood Hotels
- **URL real (esta es la referencia):** https://www.rosewoodhotels.com/
- **Sector / coleccion:** Hosteleria y hoteles
- **Aplica a:** CALIMA (5 locales), 87 Llaves, Don Guillo, Vegalfaro
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** identidad local por hotel · sentido del lugar · fotografia de destino · lujo contemporaneo
- **Por que sirve:** Cada hotel con identidad local propia dentro de una marca comun. Modelo para 87 Llaves si crece a mas edificios.

### Soho House
- **URL real (esta es la referencia):** https://www.sohohouse.com/
- **Sector / coleccion:** Hosteleria y hoteles
- **Aplica a:** CALIMA (5 locales), 87 Llaves, Don Guillo, Vegalfaro
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** exclusividad · membresia · solicitud como formulario · comunidad
- **Por que sirve:** Convierte la exclusividad en un formulario de solicitud. Interesante para servicios con lista de espera o cupo.

## Ecommerce

> Maxima densidad de producto con cero ruido visual. Ficha, envio y carrito sin friccion.
> **Clientes:** Vaya Fauna
> **El riesgo a asumir:** Quitar decoracion hasta que solo quede producto y precio.

### MUJI Europe
- **URL real (esta es la referencia):** https://www.muji.eu/
- **Sector / coleccion:** Ecommerce
- **Aplica a:** Vaya Fauna
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** maxima densidad · cero ruido · producto y precio · categoria clara
- **Por que sirve:** Referencia de primer orden para Vaya Fauna: muchisimo producto con cero ruido visual.

### Build in Amsterdam
- **URL real (esta es la referencia):** https://buildinamsterdam.com/
- **Sector / coleccion:** Ecommerce
- **Aplica a:** Vaya Fauna
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** rejilla estricta · ecommerce con criterio · casos con resultado · tipografia neo-grotesca
- **Por que sirve:** El caso raro: rigor suizo aplicado a ecommerce que vende de verdad. Estudio a mirar para Vaya Fauna.

### Everlane
- **URL real (esta es la referencia):** https://www.everlane.com/
- **Sector / coleccion:** Ecommerce
- **Aplica a:** Vaya Fauna
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** transparencia radical · ficha honesta · foto de producto limpia · tono directo
- **Por que sirve:** La transparencia como argumento. Aplicable al discurso de origen y calidad de Vaya Fauna.

### Norse Projects
- **URL real (esta es la referencia):** https://www.norse-projects.com/
- **Sector / coleccion:** Ecommerce
- **Aplica a:** Vaya Fauna
- **Aplicabilidad:** adaptable
- **Vocabulario de diseno:** catalogo sobrio · filtros claros · editorial ligero
- **Por que sirve:** Catalogo grande resuelto con sobriedad.

## Densidad e informacion

> Como meter muchisima informacion sin que parezca un folleto. El problema exacto de una web con 15 servicios y 40 paginas de ciudad.
> **Clientes:** Cualquier web con arquitectura hub and spoke
> **El riesgo a asumir:** Confiar en la jerarquia, no en las cajas.

### Stripe
- **URL real (esta es la referencia):** https://stripe.com/es
- **Sector / coleccion:** Densidad e informacion
- **Aplica a:** Cualquier web con arquitectura hub and spoke
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** jerarquia por peso · gradiente de marca · seccion como respuesta · microcopy preciso · version en espanol
- **Por que sirve:** El mejor material que existe para aprender a meter muchisima informacion sin parecer folleto. Problema exacto de una web de reformas con 15 servicios y 40 paginas de ciudad.

### Mercury
- **URL real (esta es la referencia):** https://www.mercury.com/
- **Sector / coleccion:** Densidad e informacion
- **Aplica a:** Cualquier web con arquitectura hub and spoke
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** numeros tabulares · producto en accion · calma en fintech · jerarquia clara
- **Por que sirve:** Densidad con elegancia. Como mostrar producto sin saturar.

### Linear
- **URL real (esta es la referencia):** https://linear.app/
- **Sector / coleccion:** Densidad e informacion
- **Aplica a:** Cualquier web con arquitectura hub and spoke
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** restriccion · tracking ajustado · confianza silenciosa · acento unico
- **Por que sirve:** El canon de Editorial Minimalism. Nivel a igualar en acabado.

### Notion
- **URL real (esta es la referencia):** https://www.notion.com/
- **Sector / coleccion:** Densidad e informacion
- **Aplica a:** Cualquier web con arquitectura hub and spoke
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** ilustracion propia · tono humano · producto explicado · calidez
- **Por que sirve:** Como explicar algo complejo con calidez y sin infantilizar.

### Pentagram
- **URL real (esta es la referencia):** https://www.pentagram.com/
- **Sector / coleccion:** Densidad e informacion
- **Aplica a:** Cualquier web con arquitectura hub and spoke
- **Aplicabilidad:** directa
- **Vocabulario de diseno:** rejilla brutal · cero decoracion · la obra manda · archivo enorme
- **Por que sirve:** Clase magistral: rejilla brutal y cero decoracion. Aplicado a reformas = la foto del antes/despues manda y el texto se aparta.

---

# PARTE 2 — Arquetipos de estilo (18)

Taxonomia de direccion visual. Elige UNO segun el cliente y usa sus canonicos como nivel a igualar.

### Editorial Minimalism
- **Cuando usarlo:** Developer tools, B2B SaaS, buyers who distrust marketing
- **Canonicos (webs reales a medir):** linear.app — https://linear.app · stripe.com — https://stripe.com · vercel.com — https://vercel.com
- **Se reconoce por:** calm neutral grounds, near-black ink · tight-tracked sans, medium weights · generous whitespace · one muted accent, used rarely
- **Vocabulario:** restraint · tight tracking · quiet confidence · keyboard-first · muted accent · small type allowed
- **Prompt de imagen base:** minimal product UI screenshot floating on a calm near-white ground, soft single shadow, no scene, no decoration
- **El riesgo:** Shrink the headline below what feels safe and let whitespace carry the page

### Warm Editorial
- **Cuando usarlo:** Knowledge tools, reading products, depth-over-speed brands
- **Canonicos (webs reales a medir):** anthropic.com — https://www.anthropic.com · notion.com — https://www.notion.com · are.na — https://www.are.na
- **Se reconoce por:** cream / clay / terracotta palette · serif body text, not just headlines · soft rounded buttons · human illustration or none
- **Vocabulario:** warm paper · humanist serif · clay accent · bookish · unhurried
- **Prompt de imagen base:** [SUBJECT] as a warm minimal illustration on cream paper ground, terracotta and clay tones, soft edges, book-plate composition
- **El riesgo:** Set the entire body in serif, not just display

### Terminal-Core
- **Cuando usarlo:** Dev tools, infra - buyers who live in a terminal
- **Canonicos (webs reales a medir):** warp.dev — https://www.warp.dev · raycast.com — https://www.raycast.com · ollama.com — https://ollama.com
- **Se reconoce por:** monospace as primary voice · phosphor green/amber on near-black · CLI metaphors: prompts, flags, logs · density welcomed
- **Vocabulario:** monospace · phosphor · CLI metaphor · utilitarian · dense · log-line rhythm
- **Prompt de imagen base:** [SUBJECT] rendered as glowing phosphor-green ASCII art on a near-black terminal screen, subtle scanlines, CRT glow
- **El riesgo:** Make the hero an actual live terminal session typing itself

### Swiss / International
- **Cuando usarlo:** Portfolios, foundries, institutions - clarity as product
- **Canonicos (webs reales a medir):** grillitype.com — https://www.grillitype.com · helvetica lineage — https://www.helveticanow.com
- **Se reconoce por:** mathematical grid, visible logic · neo-grotesque sans, huge, flush-left · black/white + single primary red · asymmetric balance, zero decoration
- **Vocabulario:** grid logic · neo-grotesque · flush-left · asymmetric · objective · single red accent
- **Prompt de imagen base:** flat geometric composition: black bars and one red square on white, mathematical grid alignment, no texture, no depth
- **El riesgo:** One typeface, three weights, one red square - nothing else

### Brutalist (Raw Web)
- **Cuando usarlo:** Personal sites, engineering blogs, ironic luxury
- **Canonicos (webs reales a medir):** craigslist.org — https://www.craigslist.org · danluu.com — https://danluu.com
- **Se reconoce por:** system serifs, underlined blue links · visible borders, tables, hrs · no grid system, no imagery · speed and honesty as flex
- **Vocabulario:** raw HTML · default styles · anti-design · visible structure · text-first
- **Prompt de imagen base:** —
- **El riesgo:** Ship default Times New Roman and let content be the only design

### Neo-Brutalism
- **Cuando usarlo:** Creator tools, indie products, friendly energy without corporate polish
- **Canonicos (webs reales a medir):** gumroad.com — https://gumroad.com · figma.com — https://www.figma.com · poolsuite.net — https://poolsuite.net
- **Se reconoce por:** thick black outlines on everything · hard offset shadows, zero blur · saturated flat fills: yellow, pink, lime · chunky type, unapologetic buttons
- **Vocabulario:** hard shadow · 3px outline · flat loud fills · chunky · cartoon physics
- **Prompt de imagen base:** [SUBJECT] as a flat sticker-style illustration with thick black outlines, saturated flat fills, hard offset shadow, white or loud solid background
- **El riesgo:** Give every element a hard 8px offset shadow and zero border-radius

### Neon Brutalist / Editorial Chaos
- **Cuando usarlo:** Media brands, culture products, liner-notes audiences
- **Canonicos (webs reales a medir):** theverge.com — https://www.theverge.com · pitchfork.com — https://pitchfork.com
- **Se reconoce por:** single saturated hue on black/white · deliberate typeface clashing · hard edges, aggressive crops · zine DNA, editorial density
- **Vocabulario:** type clash · single screaming hue · zine energy · aggressive crop · controlled ugly
- **Prompt de imagen base:** [SUBJECT] photo with harsh duotone treatment in magenta and black, aggressive crop, halftone grain, zine-xerox quality
- **El riesgo:** Pair a condensed all-caps grotesque with an italic serif in the same headline

### Data-Dense Pro
- **Cuando usarlo:** Analytics, observability, fintech - density = competence
- **Canonicos (webs reales a medir):** clickhouse.com — https://clickhouse.com · posthog.com — https://posthog.com · sentry.io — https://sentry.io
- **Se reconoce por:** dark UI ground, tight spacing · tabular numerals, mono for data · charts as first-class brand assets · semantic state color
- **Vocabulario:** tabular nums · chart-as-hero · tight spacing · semantic state · density
- **Prompt de imagen base:** dense dark dashboard UI with glowing sparkline charts, amber and green state colors, tabular data grids, dark blue-gray panels
- **El riesgo:** Make a live chart the hero image - real data, no illustration

### Cinematic Dark
- **Cuando usarlo:** Launches, hardware, AI/creative tools - desire before spec sheet
- **Canonicos (webs reales a medir):** runwayml.com — https://runwayml.com · nvidia.com — https://www.nvidia.com · ferrari.com — https://www.ferrari.com
- **Se reconoce por:** near-black ground, atmospheric gradients · ultra-light oversized display type · letterspaced uppercase whispers · scroll-triggered reveals, media-heavy
- **Vocabulario:** oversized thin type · atmosphere · scroll theater · letterspaced caps · vignette
- **Prompt de imagen base:** [SUBJECT] emerging from near-black darkness, single dramatic rim light, atmospheric haze, film-grade contrast, cinematic 2.35:1 crop energy
- **El riesgo:** Weight 100 display type at 8rem with .3em letterspacing

### Glass / Soft-Futurism
- **Cuando usarlo:** Consumer apps, OS-adjacent products - mass-market premium
- **Canonicos (webs reales a medir):** apple.com — https://www.apple.com · arc.net — https://arc.net
- **Se reconoce por:** backdrop blur, translucent surfaces · pastel gradient atmospheres · large radii, layered soft shadows · SF-adjacent geometric sans
- **Vocabulario:** frosted blur · translucency · soft depth · pastel atmosphere · rounded warmth
- **Prompt de imagen base:** [SUBJECT] behind frosted glass panels, soft pastel gradient atmosphere (blue-lilac-peach), translucent layered depth, gentle studio light
- **El riesgo:** Stack three translucent layers deep and let content blur through them

### Playful Color / Illustrated
- **Cuando usarlo:** Consumer education, wellness - anywhere anxiety is the enemy
- **Canonicos (webs reales a medir):** duolingo.com — https://www.duolingo.com · canva.com — https://www.canva.com · headspace.com — https://www.headspace.com
- **Se reconoce por:** high-saturation multi-color palette · illustration and mascots first-class · fully rounded buttons, bouncy motion · no sharp corners
- **Vocabulario:** saturated · mascot-led · bounce motion · rounded-full · confetti moment
- **Prompt de imagen base:** [SUBJECT] as a friendly flat illustration with rounded shapes, high-saturation palette on white, subtle paper-cut depth, cheerful character energy
- **El riesgo:** Give the product a mascot and let it react to user actions

### Y2K / Retro-Futurism
- **Cuando usarlo:** Music, culture drops, playful dev tools - audiences fluent in irony
- **Canonicos (webs reales a medir):** poolsuite.net — https://poolsuite.net · y2k.institute — https://www.cameronsworld.net
- **Se reconoce por:** chrome and liquid-metal type · aqua/cyan glows, scan lines · wireframe horizons, orbs, stars · the future as imagined in 1999
- **Vocabulario:** chrome type · scan lines · aqua glow · wireframe horizon · liquid metal · CD-ROM nostalgia
- **Prompt de imagen base:** [SUBJECT] as a chrome liquid-metal 3D render on black, aqua and magenta rim glow, subtle scan lines, wireframe grid horizon behind, 1999 CGI optimism
- **El riesgo:** Set the logo in actual chrome-gradient type with a lens flare and mean it

### Japanese Minimalism (Ma)
- **Cuando usarlo:** Craft brands, premium tools, anything selling calm and intention
- **Canonicos (webs reales a medir):** muji.com — https://www.muji.com · kenyahara lineage — https://www.ndc.co.jp/hara/en/
- **Se reconoce por:** negative space as the material · asymmetric single-object placement · off-white warmth, ink neutrals · one small red moment
- **Vocabulario:** ma / negative space · asymmetry · ink on washi · single red accent · silence as luxury · vertical rhythm
- **Prompt de imagen base:** single small [SUBJECT] placed low-right on a vast warm off-white ground, soft natural shadow, 80% empty space, one tiny red seal accent, washi paper texture barely visible
- **El riesgo:** Leave 85% of the viewport empty and place the product at the golden-ratio point

### Quiet Luxury
- **Cuando usarlo:** Premium DTC, fashion, skincare, high-ticket services - price never mentioned first
- **Canonicos (webs reales a medir):** aesop.com — https://www.aesop.com · therow.com — https://www.therow.com
- **Se reconoce por:** light-weight serif, wide tracking · ivory / taupe / bone palette · tiny uppercase labels everywhere · product photography as still life
- **Vocabulario:** wide-tracked serif · ivory and taupe · still-life photography · small caps labels · apothecary restraint · no exclamation
- **Prompt de imagen base:** [SUBJECT] as a muted still-life photograph on an ivory seamless background, soft north-window light, taupe shadows, apothecary calm, no props beyond one natural element
- **El riesgo:** Whisper the entire page - light serif, generous tracking, and no word louder than the product

### Tactile / Skeuomorph Revival
- **Cuando usarlo:** Hardware, audio, dev tools with physical soul - products you want to touch
- **Canonicos (webs reales a medir):** teenage.engineering — https://teenage.engineering · panic.com — https://panic.com
- **Se reconoce por:** real materials: aluminum, rubber, paper · knobs, dials, switches as UI · inset shadows, machined edges · hardware-manual typography
- **Vocabulario:** machined aluminum · physical controls · inset shadow · rubber keycap · hardware manual · orange safety accent
- **Prompt de imagen base:** [SUBJECT] as a precision product render in machined aluminum and rubber, visible knobs and switches, soft studio light, cream background, orange accent detail, industrial-design catalog quality
- **El riesgo:** Make every button look pressable - real depth, real materials, no flat anything

### Immersive 3D / WebGL Scroll
- **Cuando usarlo:** Launches, agencies, award-bait - when the site itself must be the proof of craft
- **Canonicos (webs reales a medir):** lusion.co — https://lusion.co · activetheory.net — https://activetheory.net
- **Se reconoce por:** 3D scene IS the page · scroll drives camera, not layout · loader as first impression · type floats inside the world
- **Vocabulario:** scroll-scrubbed camera · hero mesh · volumetric light · loader moment · type-in-world · post-processing grain
- **Prompt de imagen base:** [SUBJECT] as a single glowing 3D hero object in a dark volumetric scene, cinematic haze, floor reflection, film grain post-processing, one cool key light - composed for WebGL hero recreation
- **El riesgo:** One continuous camera flight, no cuts, the whole story in a single scroll

### Bento Grid
- **Cuando usarlo:** Feature-dense products needing scannable storytelling - the honest icon-grid replacement
- **Canonicos (webs reales a medir):** apple.com events — https://www.apple.com · linear.app features — https://linear.app
- **Se reconoce por:** feature story told in tiles · mixed tile sizes, one hero cell · each cell a self-contained demo · generous gaps, soft radii
- **Vocabulario:** bento tiles · hero cell · mixed spans · cell-as-demo · soft radii grid · tile hierarchy
- **Prompt de imagen base:** product feature collage as a bento grid: mixed-size rounded tiles on a neutral ground, each tile containing one real UI detail or stat, one large hero tile, consistent inner shadows and gaps
- **El riesgo:** Make every tile a real working demo, not a screenshot - the grid as proof

### Magazine / Print DNA
- **Cuando usarlo:** Longform content, newsletters, culture brands - words are the product
- **Canonicos (webs reales a medir):** nytimes.com features — https://www.nytimes.com · a24films.com — https://a24films.com · criterion.com — https://www.criterion.com
- **Se reconoce por:** masthead, columns, column rules · drop caps and pull quotes · serif body, justified text · issues, editions, folios
- **Vocabulario:** masthead · drop cap · pull quote · column rhythm · print authority
- **Prompt de imagen base:** [SUBJECT] as an archival editorial photograph, muted print reproduction quality, slight ink-on-newsprint texture, composed for a three-column broadsheet layout
- **El riesgo:** Open the page with a full masthead and a drop cap like a Sunday edition


---

# PARTE 3 — Familias de direccion visual (7)

Conceptos visuales (imagenes generadas, no webs reales). Usalos como direccion de arte,
con su receta de imagen para generar assets propios.

### Print-Tech Paper
- **Descripcion:** Crafted-document energy: warm paper grounds, halftone/CMYK texture, registration marks, mono data callouts. The page pretends it was printed and measured.
- **Cuando:** Product sites that should feel crafted, considered, human - tools with a soul.
- **Vocabulario:** halftone texture · warm paper ground · registration marks · mono data callouts · dashed grid rules · single ember accent word · archival imagery
- **Acento:** #C15F3C
- **El riesgo:** Render the hero image entirely in halftone dots with visible registration marks

### Dither Mono
- **Descripcion:** Stark black-and-white with bitmap/dither texture. Serif display carrying full authority. Split-screen form-plus-art layouts. Grain everywhere.
- **Cuando:** Portfolios, agencies, waitlists - anywhere restraint reads as confidence.
- **Vocabulario:** bitmap dither · stark B&W · film grain · serif display · split-screen form + art · giant cropped wordmark · high contrast
- **Acento:** #141414
- **El riesgo:** Dither the entire hero image to 1-bit and let a cropped wordmark run off the viewport

### Vast Quiet Cinematic
- **Descripcion:** One enormous atmospheric landscape - mist, fog, dusk grade - with tiny restrained type floating in it. Silence as scale.
- **Cuando:** Enterprise trust, frontier-company gravitas, serious AI/infra brands.
- **Vocabulario:** monumental landscape photography · mist and fog atmosphere · dusk color grade · tiny centered sans · extreme negative space · two-tone headline · quiet CTA
- **Acento:** #2E4A46
- **El riesgo:** Let the landscape occupy 90% of the viewport and shrink the headline to whisper size

### Data-as-Texture
- **Descripcion:** Imagery literally rendered from the machine's alphabet - ASCII clouds, binary skies, monochrome 3D worlds. The product's data made visible.
- **Cuando:** AI and technical products that deserve spectacle without stock-3D slop.
- **Vocabulario:** ASCII-rendered imagery · binary texture · data-as-material · decrypt/scramble text · monochrome 3D world · mono labels · amber-on-dark
- **Acento:** #D9A441
- **El riesgo:** Rebuild the hero photo out of the product's own log output or characters

### Classical Remix
- **Descripcion:** Renaissance painting and classical sculpture colliding with soft modern UI. Serif italic emphasis. Gold details. Timeless gravitas humanizing new tech.
- **Cuando:** Heavy or intimidating domains - legal, finance, psychology - that need warmth and weight at once.
- **Vocabulario:** classical painting imagery · serif italic emphasis word · soft sky palette · gold accents · canvas grain · orbit-line overlay · rounded glass input
- **Acento:** #8C6A3F
- **El riesgo:** Put a 500-year-old artwork behind a chat input and let them share the frame

### Glitched Antiquity
- **Descripcion:** Classical artwork corrupted by the machine: engraved angels and statues under glyph rain, datamosh streaks, chromatic glitch. Dark grounds, serif or dot-matrix display. Five centuries of gravitas, one pass through the shredder.
- **Cuando:** Crypto/fintech, nightlife, culture brands wanting old-world weight with digital menace.
- **Vocabulario:** classical engraving or statue · glyph rain overlay · datamosh glitch streaks · near-black ground · dot-matrix display type · serif on dark · single hot accent
- **Acento:** #D8432F
- **El riesgo:** Visibly corrupt the masterpiece - let glitch eat the artwork's edge

### Illustrated Storybook
- **Descripcion:** Painterly illustrated worlds with chunky display type or type-masking. Warm, humane, a little wondrous - consumer without being childish.
- **Cuando:** Consumer products selling warmth, curiosity, delight.
- **Vocabulario:** painterly illustration · chunky display wordmark · type-masked imagery · storybook scene · saturated but graded palette · split illustration panel
- **Acento:** #2F5233
- **El riesgo:** Mask the entire brand wordmark over the illustrated scene so letters become windows