

Qué obtienes
- Un archivo HTML con fuentes e imágenes incrustadas, sin peticiones de red
- Página de inicio con hero de tarjeta inclinada, bento de funciones, historia del flujo de trabajo, testimonios, precios y registro
- Rutas de changelog, caso de cliente, inicio de sesión, legales y 404
- Un validador que detecta enlaces rotos, falta de texto alternativo y nombres de ejemplo sobrantes
- Retratos y fotos de casos opcionales generados con PopNow tras presupuestarlos en créditos
Ideal para
- Páginas de lanzamiento para SaaS y herramientas para desarrolladores
- Una web de marketing completa que tiene que parecer terminada desde el primer día
- Rediseñar la web oscura de un producto con precios y formularios que funcionan
No es para
- Marcas claras o pastel: el diseño es solo oscuro
- Tiendas online o blogs con mucho contenido
- Páginas que deben mostrar una captura real del producto en el hero
Cómo usarlo
En Claude o ChatGPT
Usa el skill de PopNow «Landing page SaaS oscura» (dark-saas-landing-page) para esto: Crea una landing page para Tally, una herramienta de alertas de guardia para equipos de ingeniería pequeños. Tres planes: Free, Team a 12 $/usuario y Business a 24 $/usuario.
En un agente de programación
/popnow-dark-saas-landing-page Crea una landing page para Tally, una herramienta de alertas de guardia para equipos de ingeniería pequeños. Tres planes: Free, Team a 12 $/usuario y Business a 24 $/usuario.
Luego prueba
Genera tres retratos de testimonios para la sección destacada y dime antes el precio.
Pásalo a mi app de Next.js dentro de app/(marketing).
Qué tener a mano
- Nombre del producto, qué hace y el resultado principal
- 4-5 funciones, 3-4 pasos del flujo de trabajo y tus planes de precios
- Testimonios y cifras reales, o permiso para usar marcadores de posición
- Opcional: una clave de API de PopNow o fotos de tu equipo
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.
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.
Plantilla web de glassmorphism
+3Píldoras de cristal esmerilado sobre fondo casi negro, titular serif enorme y captura de correo.
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
¿La página necesita un framework o un paso de compilación?
No. El resultado por defecto es un archivo HTML que puedes abrir desde el disco o subir a cualquier hosting estático. Si ya tienes un proyecto en React, Vue, Svelte o Astro, el skill reconstruye las mismas secciones como componentes.
¿Qué genera PopNow aquí?
Solo fotos: retratos de testimonios, pequeñas fotos de cara para la fila de prueba social y las imágenes del caso de cliente. El hero es una pantalla de producto dibujada, así que no necesita imagen. Cada ejecución se presupuesta antes en créditos y solo empieza cuando aceptas.
¿Puedo usarla sin una clave de API de PopNow?
Sí. El skill mantiene los retratos de sustitución incluidos con nombres nuevos o recurre a avatares con iniciales, y te dice qué huecos siguen necesitando fotos reales.
¿Qué pasa con la marca y las personas de ejemplo?
Se sustituyen. El validador falla si queda en la página terminada algún nombre de producto, persona o empresa de ejemplo, y todo lo que el skill haya tenido que inventar se te enumera para que lo confirmes.

