Demo navegable · Medios de ideas y estudios de innovación
Asombro
Plantilla para medios de ideas y estudios de innovación.
Cristal líquido sobre negro: cinco vídeos oníricos, una newsletter y ni una librería.
- Piezas incluidas
- 8
- Estilos
- 3
- Sector
- 1
Diseño web para medios de ideas y estudios de innovación
Plantilla para medios de divulgación, newsletters de autor y estudios de innovación que venden ideas antes que servicios. Todo el sitio flota sobre negro puro: navegación, campos y tarjetas son paneles de cristal líquido con borde degradado y desenfoque, y el color entero lo ponen los vídeos. El hero encadena el suyo en bucle con fundido a negro y captura la suscripción en un solo campo. Tipografía Instrument Serif y cero librerías.
Asombro es una demo navegable para medios de ideas y estudios de innovación. Está pensada para que quien entra entienda rápido qué ofrecéis y acabe contactando o reservando; la adaptamos a vuestra marca, vuestros textos y vuestros servicios.
La demo está construida con Astro y Svelte, el mismo stack que usamos en producción. En todos cuidamos lo mismo: carga rápida, HTML semántico y contenidos bien estructurados para que vuestro negocio se encuentre en buscadores y asistentes de IA.
Qué incluye
- Cristal líquido reutilizable: desenfoque, luminosidad y borde degradado
- Hero a pantalla completa con vídeo en bucle encadenado a negro
- Captación de newsletter en un único campo de cristal
- Cinco vídeos autoalojados y optimizados (1,7 MB en total)
- Titulares en Instrument Serif con contrapunto en cursiva
- Revelados al hacer scroll con IntersectionObserver, sin librerías
- Tarjetas de servicio con zoom del vídeo al hover
- Responsive mobile-first y respeto de prefers-reduced-motion
Temas relacionados. Del mismo sector o con estilos en común.
La web enseña el estudio. El sistema demuestra el oficio.
Para una agencia, las herramientas internas y las piezas interactivas son parte de la propuesta. Estas demos son el tipo de trabajo que hacemos con estudios creativos.
-
Necesidad 01 · Generadores y presentación
Proyectos, horas y revisión de piezas
Comentarios situados sobre la pieza, correcciones, rondas incluidas y adicionales, con horas, carga del equipo y rentabilidad del proyecto.
-
Necesidad 02 · Generadores y presentación
Canvas de presentación
Un lienzo tipo Figma con artboards y modo presentación para enseñar el sistema de diseño sin exportar nada.
-
Necesidad 03 · Generadores y presentación
Presentación de campañas
Un tablero infinito con pan, zoom y transiciones, con las imágenes y los vídeos de la campaña en cada pantalla.
Sistemas a medida de