---
title: "Diseño web para medios de ideas y estudios de innovación | Asombro"
description: "Diseño web para newsletters, medios de divulgación y estudios de innovación: cristal líquido sobre negro, vídeo a pantalla completa en bucle encadenado y captación de suscriptores. Mira la demo del tema Asombro y pide el tuyo."
lang: es-ES
source_url:
  html: https://logic2b.com/templates/asombro/
  md: https://logic2b.com/templates/asombro/index.md
---

# Asombro Plantilla para medios de ideas y estudios de innovación

asombro.tudominio.com

Ruta: [Plantillas](https://logic2b.com/templates) › [Estudios y agencias](https://logic2b.com/diseno-web/estudios-creativos)

## 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é ofreces y acabe contactando o reservando; la adaptamos a tu marca, tus textos y tus 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 tu 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

### Detalles

**Sector**

Medios de ideas y estudios de innovación

**Stack**

Astro + Svelte

**Entrega**

Publicada en tu dominio

### Categorías

[Estudios y agencias](https://logic2b.com/diseno-web/estudios-creativos) Editorial Oscuro Cinematográfico

## Temas relacionados

[Ver todos](https://logic2b.com/templates)

[**Prisma** Estudios creativos](https://logic2b.com/templates/prisma) [**Veraz** Cine con IA y productoras de imagen generada](https://logic2b.com/templates/veraz) [**Ruido** Estudios de diseño digital y galerías creativas](https://logic2b.com/templates/ruido)

Más allá de la web · Estudios y agencias

## La web enseña el estudio. El sistema demuestra el oficio.

[Sistemas del sector](https://logic2b.com/diseno-web/estudios-creativos#sistemas)

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.

1. Demo · Boceto
   **01** Generadores y presentación
   **[Proyectos, horas y revisión de piezas](https://logic2b.com/lab/boceto)**
   Comentarios situados sobre la pieza, correcciones, rondas incluidas y adicionales, con horas, carga del equipo y rentabilidad del proyecto.
2. Demo · Lienzo
   **02** Generadores y presentación
   **[Canvas de presentación](https://logic2b.com/lab/lienzo)**
   Un lienzo tipo Figma con artboards y modo presentación para enseñar el sistema de diseño sin exportar nada.
3. Demo · Vitrina
   **03** Generadores y presentación
   **[Presentación de campañas](https://logic2b.com/lab/vitrina)**
   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

- [Generadores y presentación](https://logic2b.com/sistemas/generadores-presentaciones)

---

Logic2b S.L. · Castellón (España) · [info@logic2b.com](mailto:info@logic2b.com) · [Contacto](https://logic2b.com/contacto/) · [Auditoría gratuita](https://logic2b.com/auditoria/) · [Índice para IA](https://logic2b.com/llms.txt)