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 →

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.