01
No son plantillas descargables.
Son direcciones de arte firmadas.
Plantillas · Diez sectores
Diez demos. Un oficio.
No son plantillas comerciales. Son diez direcciones de arte completas, navegables, firmadas. Cada una responde a un sector con su propio tono, su tipografía y su retícula. Para que veas lo que podemos hacer con el tuyo.
10Demos navegablesUna por sector
4Paquetes disponiblesLanding a A medida
0Plantillas recicladasCada una única
01Gastronomía02Inmobiliaria03Spa termal04Despacho05Hotel rural06Perfumería07Creativo08Mentoring estratégico09Fitness10Distribución B2B
Baja · navega demos
Qué son · Qué no son
Antes de que pienses que son las plantillas de siempre, cuatro aclaraciones. Si te encajan, sigue scrolleando.
Lo que no son estas demos.
02
No se copian de un cliente a otro.
Cada una se refactoriza al brief real.
03
No son ejemplos hechos en una tarde.
Cada demo es navegable, con 3–5 pliegos propios.
04
No son todos los sectores del mundo.
Son los diez donde mejor aterriza nuestro oficio.
Índice · 10 plantillas demo
Cada una se navega, se inspecciona y se prueba. Desde aquí puedes saltar a la ficha completa de la plantilla que te resuene.
Diez sectores, diez tonos.
N.º 01 / 10 · Plantilla · MMXXVIDemo viva
Paquete sugerido · Corporativa
01 · Gastronomía
Casa EneaEditorial gastronómico, fotos que dan hambre.
01Gastronomía
Casa Enea.
Editorial gastronómico, fotos que dan hambre.
Fotografía cenital de producto, grid editorial de platos, carta en MDX y reservas con formulario tipo fine-dining. El scroll se siente como hojear un dossier.
Editorial gastronómicoReservas sin fricciónSEO local
N.º 02 / 10 · Plantilla · MMXXVIDemo viva
Paquete sugerido · Corporativa
02 · Inmobiliaria
AltamiraEditorial arquitectónico sobre blanco.
02Inmobiliaria
Altamira.
Editorial arquitectónico sobre blanco.
Hero scroll-expansion cinematográfico, galería horizontal pinned con cuatro propiedades curadas, dos columnas editorial a lo Kinfolk y CTA de invitación. La casa como tiempo, no como inmueble.
Scroll-expansion heroGalería pinned horizontalEditorial sobre blanco
N.º 03 / 10 · Plantilla · MMXXVIDemo viva
Paquete sugerido · Corporativa
03 · Spa termal
VelariaEl cuerpo suspendido. Spa editorial líquido.
03Spa termal
Velaria.
El cuerpo suspendido. Spa editorial líquido.
Velaria es un spa termal euro-nipón en un antiguo convento del XVII del Empordà. La plantilla resuelve esa promesa con un hero nivel dios: imagen del Mediterráneo con SVG water filter animado en loop (feTurbulence + feDisplacementMap), título italic monumental con background-clip:text mostrando una imagen moodier DENTRO de las letras, segunda línea en outline ámbar que se rellena scrubbed al scroll, live ticker Madrid, corner marks arquitectónicos, graduated axis editorial, placa con 3D tilt al mouse. A continuación: manifiesto 2-col, rituales con ScrollTrigger pin+scrub horizontal, ceremonia pinned con ruler oro, gallery asimétrica con captions liquid-glass, testimonios parallax diferencial, reserva y footer. Liquid glass adaptado de @21st.dev/suraj-xd/liquid-glass.
Hero con water SVG filter animadobackground-clip:text con doble imagen3D tilt en placa + live tickerScroll pin horizontal en ritualesCeremonia pinned paso a paso
N.º 04 / 10 · Plantilla · MMXXVIDemo viva
Paquete sugerido · Corporativa
04 · Despacho
Castellán · HerreraEditorial de alta corte. Marfil y pergamino.
04Despacho
Castellán · Herrera.
Editorial de alta corte. Marfil y pergamino.
Castellán · Herrera es una landing institucional para un despacho internacional con estética editorial de alta corte. Paleta marfil / pergamino con acentos burdeos y oro champagne — cero colores oscuros. Hero con foto de biblioteca bajo triple veladura, rankings Chambers y Legal 500, grid de áreas de práctica con reveals escalonados, casos pinned horizontal, cifras con count-up, equipo con retratos SVG grabados, filosofía con sello fundacional DrawSVG, timeline 1923→hoy, prensa FT-style, testimonios con comillas colosales, relojes vivos de cinco oficinas (Intl.DateTimeFormat, refresh 30 s), formulario con marco L. Todo scoped bajo `.lex-scope` — no pisa el sistema Brío.
Editorial de alta corteRelojes vivos de cinco oficinasCasos pinned horizontalFirma caligráfica DrawSVGTimeline institucional scrub
N.º 05 / 10 · Plantilla · MMXXVIDemo viva
Paquete sugerido · Tienda online
05 · Hotel rural
Hotel RiomorosSlow travel cinematográfico.
05Hotel rural
Hotel Riomoros.
Slow travel cinematográfico.
Fotografía paisajística a pantalla completa, sección de habitaciones con paralax narrativo, experiencias en grid editorial y motor de reservas en línea. Cinematográfico.
Fullscreen cinematicMotor de reservasGalería narrativa
N.º 06 / 10 · Plantilla · MMXXVIDemo viva
Paquete sugerido · Tienda online
06 · Perfumería
Maison AurigaEl olor que te recuerda algo. Atelier de Grasse.
06Perfumería
Maison Auriga.
El olor que te recuerda algo. Atelier de Grasse.
Maison Auriga es un atelier de perfumería boutique en Grasse fundado en MMXIX. Una sola nariz, veintidós ingredientes, siete fragancias al año. La plantilla resuelve esa promesa con un hero ámbar editorial sobre ivory: wordmark Cormorant italic gigante, bottle 3D con parallax mouse, ticker live de París, corner marks arquitectónicos. Continúa con manifiesto + cita italic monumental, pirámide olfativa interactiva (Salida·Corazón·Fondo) con notas que reaccionan al hover, colección de 7 fragancias en cards 3D tilt con líquido coloreado por perfume, atelier behind-the-scenes con 3 pasos del proceso, tasting (cómo escuchar un perfume), prensa Vogue/Wallpaper/Monocle, testimonios con comillas colosales, muestrario CTA tinta+oro, 5 boutiques internacionales y footer monumental. Todo scoped bajo `.auriga-root` con paleta ámbar/ivory/oro y tipografía Cormorant Garamond — no pisa el sistema Brío.
Hero ámbar con bottle parallax mousePirámide olfativa interactiva 3 nivelesCatálogo 7 fragancias 3D tiltLiquid SVG por perfumeAtelier 3 pasos pinned
N.º 07 / 10 · Plantilla · MMXXVIDemo viva
Paquete sugerido · Landing
07 · Creativo
María OsaBrutalism editorial, blanco/negro/rojo.
07Creativo
María Osa.
Brutalism editorial, blanco/negro/rojo.
Brutalism editorial bone + ink + blood. Retrato B&W dominante, manifiesto con insignia ink rotada, series pinned horizontal con anchos variables, cita fullscreen crema y contraportada roja. Museo antes que showcase.
Brutalism editorialRetrato analógico B&WContraportada roja de impacto
N.º 08 / 10 · Plantilla · MMXXVIDemo viva
Paquete sugerido · Corporativa
08 · Mentoring estratégico
Luz BeltránEl tiempo no es lo que tienes. Es lo que decides.
08Mentoring estratégico
Luz Beltrán.
El tiempo no es lo que tienes. Es lo que decides.
Luz Beltrán es una práctica privada de mentoría estratégica para founders y CEOs en transición, fundada en Madrid en MMXX. La plantilla resuelve esa promesa con un sistema de diseño scoped (.at-root) en paleta hueso + indigo profundo + oro pálido, tipografía Source Serif 4 italic display, y un Hero monumental con Time Atlas: reloj editorial SVG con manecillas reales sincronizadas a Madrid + constelación de números/horas flotando con parallax mouse + ticker live del tiempo restante del año en curso (días·horas·minutos) + wordmark LUZ + Beltrán en italic con SplitText reveal letra por letra. Continúa con manifiesto + cita italic monumental + 3 stats con counter animado de 0 al valor real, una sección Jornada con scroll horizontal pinned cinematográfico de 7 días (lunes a domingo, cada uno con su gradient y bloques de tiempo), 3 programas premium en cards con romanos colosales oro y hover lift, 4 casos de CEOs con citas largas SplitText, las 3 leyes del tiempo profundo en cards verticales sobre indigo, equipo con retrato editorial B&W y 2 aliadas, prensa Forbes/Wired/HBR/Monocle, testimonios sobre indigo profundo, agenda con calendario editorial de plazas mes a mes, contacto privado y footer monumental. Todo respeta el sistema Brío sin pisarlo.
Time Atlas reloj editorial sincronizadoTicker tiempo restante del año en vivoScroll pin horizontal · una semana en 7 escenasStats con counter animado a valor realFilosofía indigo · 3 leyes del tiempo profundo
N.º 09 / 10 · Plantilla · MMXXVIDemo viva
Paquete sugerido · Landing
09 · Fitness
IRON StudioBrutalismo pálido. Hierro. Y tiempo.
09Fitness
IRON Studio.
Brutalismo pálido. Hierro. Y tiempo.
Brutalismo pálido sobre cemento hueso con shader WebGL cemento/óxido en hero, tipografía Big Shoulders monumental, stack vertical de cuatro programas con reveal clip-path, slab manifiesto tinta fullscreen y CTA bestial. Hierro. Y tiempo.
Shader WebGL adaptadoSlabs verticales pinnedBrutalismo pálido
N.º 10 / 10 · Plantilla · MMXXVIDemo viva
Paquete sugerido · A medida
10 · Distribución B2B
MeridianoCatálogo comercial premium para hostelería europea.
10Distribución B2B
Meridiano.
Catálogo comercial premium para hostelería europea.
Catálogo comercial editorial con fichas de producto, tabla de zonas, condiciones comerciales publicadas y alta de cuenta en un solo clic. Acento azul Klein sobre blanco porcelana.
Catálogo editorialMapa de zonasTarifas B2B
Diez demos · Un brief
Una de estas te representa. Arranquemos.
Las demos son direcciones de arte, no moldes. Elegimos la que mejor conversa con tu sector y la refactoramos al brief real. Si ninguna encaja — perfecto: abrimos lienzo limpio en A medida.