Qué obtienes
- Un archivo HTML con fuentes e imágenes incrustadas, sin peticiones de red
- Héroe con captura de correo, vista previa del producto con gráfico en vivo, selector de ofertas, precios, FAQ y un cierre de suscripción
- Rutas funcionales: número de muestra con muro de pago, archivo buscable, alta con plazas y regalos, acceso, legal y 404
- Un validador de enlaces, rutas, etiquetas, la receta del cristal y texto de muestra sobrante
- Imágenes fijas, retratos, un bucle del héroe y una tarjeta social de PopNow opcionales, tras presupuestarlos en créditos
Ideal para
- Páginas de suscripción a newsletters e informes
- Listas de espera, betas privadas y campañas de lanzamiento
- Membresías, cursos o eventos que venden plazas
No es para
- Marcas claras, pastel o de colores: la página es solo en blanco y negro
- Tiendas online con muchos productos
- Webs SaaS que necesitan un largo recorrido por funciones
Cómo usarlo
En Claude o ChatGPT
Usa el skill de PopNow «Plantilla web de glassmorphism» (glassmorphism-website-template) para esto: Haz la página de suscripción de Tidewatch, un correo de los viernes para navegantes de barcos pequeños: un gráfico de previsión, tres notas del puerto y un artículo largo. Gratis, y un nivel de tripulación de 5 $ al mes.
En un agente de programación
/popnow-glassmorphism-website-template Haz la página de suscripción de Tidewatch, un correo de los viernes para navegantes de barcos pequeños: un gráfico de previsión, tres notas del puerto y un artículo largo. Gratis, y un nivel de tripulación de 5 $ al mes.
Luego prueba
Presupuesta una imagen del héroe de agua oscura de noche y un bucle de 5 segundos a partir de ella antes de generar nada.
Pasa la página a mi web de Astro como componentes y rutas reales.
Qué tener a mano
- El nombre, lo que obtiene quien se suscribe y la promesa del titular
- De 3 a 4 datos que puedas defender, planes y precios, de 4 a 6 respuestas de FAQ
- Tu DESIGN.md si la marca lo tiene
- Opcional: una clave de API de PopNow o tus propias fotos y vídeos oscuros
Skills similares
Ver todos →Creador de avatares 3D
+3Crea un adorable personaje 3D de peluche en tu navegador y guárdalo como PNG transparente o como página 3D.
Mapa de calor de calendario
+3Un año de actividad diaria en una cuadrícula de calendario sombreada, con rachas, totales y acceso por teclado.
Landing page de SaaS con IA
+3Papel arena cálido y guías finas alrededor de un tablero kanban en vivo donde un asistente planifica tareas.
Sección hero animada
+3Un hero de landing page con una palabra del titular que rota suavemente, dos botones y un marco ancho para imagen.
Web de agencia creativa con héroe shader
+3Un héroe shader vivo en naranja tras un titular anclado abajo, navegación en píldora y casos en cuadrícula.
Landing page SaaS oscura
+3Una web de marketing oscura y llena de movimiento para un producto de software, entregada como un único archivo HTML autónomo.
Web de portafolio para diseñadores
+3Seis tarjetas inclinadas flotan alrededor de un titular que se desvanece, con una tarjeta de retrato roja.
Web de portfolio para desarrolladores
+3Una web personal oscura para ingenieros con casos de estudio, artículos, charlas, currículum y formulario de contacto.
Web SaaS de estilo editorial
+3Héroe dividido en azul marino, titular serif junto a una foto documental y un acento cobalto.
Web de producto de hardware
+3Nombres de modelo enormes y finos sobre fotos de estudio plateadas y tarjetas de especificaciones.
Diagrama de arquitectura interactivo
+3Un diagrama de sistema offline y clicable, creado a partir de un modelo JSON validado, con la evidencia detrás de cada caja.
Héroe con cuadrícula interactiva
+3Una cuadrícula oscura de hilos finos que se inclina hacia el cursor y lanza un anillo luminoso con cada clic.
Explorador de grafos de conocimiento
+3Convierte notas de proyecto en un grafo offline y con búsqueda donde cada afirmación enlaza con su línea de origen.
Plantilla de panel de KPIs
+3Cuatro KPIs con indicadores de cambio, gráfico de líneas, desglose y barras de objetivo.
Landing page desde maquetas de IA
+3Ve tres diseños de página completa primero, elige uno y tu agente lo construye como código limpio y adaptable.
Plantilla web para revistas
+3Una web de revista con calidad de imprenta, con artículos, temas, una pequeña tienda y suscripciones, en un único archivo HTML.
Héroe con animación de partículas
+3Texto sobre papel cálido junto a una esfera de puntos que cambia con cada idea.
Web de marca personal
+3Retrato fundido con papel cálido bajo un corchete fino, con afirmaciones a cada lado.
Página de lanzamiento de producto cinematográfica
+3Página oscura con iluminación de cine: titular serif, escena nocturna y formulario de reserva.
Plantilla de dashboard de administración
+3Una consola de back office funcional con gráficos, tablas, kanban y calendario, en un único archivo HTML offline.
Plantilla de landing page SaaS
+3Una web de marketing tranquila y luminosa para un producto de software, con consola de producto funcional, precios y registro.
Web de portfolio estilo scrapbook
+3Un CV online de varias páginas hecho con objetos de papel, con casos de estudio y un currículum imprimible.
Plantilla web de tienda de zapatillas
+3Una tienda completa de calzado o ropa con catálogo, páginas de producto, cesta y checkout de demostración en un único HTML.
Landing page de automatización de flujos
+3Página grafito, titular pequeño y un grafo de nodos en vivo que ejecuta, reintenta y transmite registros.
Preguntas
¿Qué hace que el cristal se vea bien y no como una caja borrosa?
Cada superficie elevada usa una sola receta: un interior con un tinte muy leve y desenfoque de fondo, un brillo suave en la parte superior y un borde dibujado con un anillo de degradado enmascarado para que la luz recorra los bordes superior e inferior. El validador rechaza una página que omita la receta.
¿Puede moverse el héroe?
Sí. Tras aprobar la imagen fija del héroe, PopNow puede animarla en un clip de 5 segundos, y el script de bucle incluido lo convierte en un bucle sin cortes y silenciado con póster. El movimiento reducido y las pestañas ocultas mantienen la imagen fija.
¿Solo sirve para newsletters?
No. La muestra es un resumen de la tarde, pero la guía de adaptación asigna las mismas secciones a listas de espera de apps, cursos, eventos y podcasts: la vista previa del producto pasa a ser la pantalla de la app, y el archivo pasa a ser un changelog o una lista de sesiones.
¿Necesito una clave de API de PopNow?
No. La página incluye imágenes neutras y sustitutos CSS para cada hueco de imagen. Una clave añade imágenes nuevas, retratos, el bucle y una tarjeta social, cada uno presupuestado en créditos antes de ejecutarse.

