---
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
---

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

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.

[Ver demo en vivo (se abre en una pestaña nueva)](https://logic2b.com/templates/asombro/live)

**Piezas incluidas**

8

**Estilos**

3

**Sector**

1

Asombro · demo navegable [Abrir aparte (se abre en una pestaña nueva)](https://logic2b.com/templates/asombro/live)

## 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

1. Cristal líquido reutilizable: desenfoque, luminosidad y borde degradado
2. Hero a pantalla completa con vídeo en bucle encadenado a negro
3. Captación de newsletter en un único campo de cristal
4. Cinco vídeos autoalojados y optimizados (1,7 MB en total)
5. Titulares en Instrument Serif con contrapunto en cursiva
6. Revelados al hacer scroll con IntersectionObserver, sin librerías
7. Tarjetas de servicio con zoom del vídeo al hover
8. Responsive mobile-first y respeto de prefers-reduced-motion

Ficha del tema

**Sector**

Medios de ideas y estudios de innovación

**Estilo**

Editorial · Oscuro · Cinematográfico

**Stack**

Astro + Svelte

**Entrega**

Publicada en vuestro dominio

Sectores

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

Lo adaptamos a vuestra marca y lo publicamos en vuestro dominio. Precio cerrado tras una llamada.

## Temas relacionados. Del mismo sector o con estilos en común.

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

### [Prisma](https://logic2b.com/templates/prisma)

Estudios creativos

### [Veraz](https://logic2b.com/templates/veraz)

Cine con IA y productoras de imagen generada

### [Ruido](https://logic2b.com/templates/ruido)

Estudios de diseño digital y galerías creativas

## 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.

[Sistemas de estudios y agencias](https://logic2b.com/diseno-web/estudios-creativos#sistemas)

1. Necesidad 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. Necesidad 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. Necesidad 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 de

- [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)