Qué obtienes
- Un archivo HTML con fuentes y fotos incrustadas, o una versión en Next.js, React, Vue o Astro
- Inicio, historias, páginas de artículo, temas con archivo impreso y una página 404 diseñada
- Tienda con portadas de números y láminas enmarcadas, cesta, checkout de demostración y planes de suscripción
- Páginas de quiénes somos, contacto, newsletter, FAQ, envíos y legales
- Un validador de enlaces, estructura, funcionamiento offline y nombres de ejemplo sobrantes
Ideal para
- Revistas independientes, trimestrales y newsletters
- Diarios de estudios o artesanos con una pequeña tienda
- Marcas de viajes, guías de ciudad y gastronomía que publican historias
No es para
- Webs de noticias que publican muchas veces al día
- Blogs que necesitan un gestor de contenidos desde el principio
- Identidades de marca oscuras, estridentes o muy animadas
Cómo usarlo
En Claude o ChatGPT
Usa el skill de PopNow «Plantilla web para revistas» (magazine-website) para esto: Crea una web para Tidelines, una revista impresa semestral sobre pequeños pueblos portuarios, con cinco historias, una tienda de números atrasados y una suscripción anual.
En un agente de programación
/popnow-magazine-website Crea una web para Tidelines, una revista impresa semestral sobre pequeños pueblos portuarios, con cinco historias, una tienda de números atrasados y una suscripción anual.
Luego prueba
Plantea las fotos de las historias con una luz nórdica fría y presupuéstamelas antes de generarlas.
Pasa la web a mi proyecto de Astro y mantén los artículos en Markdown.
Qué tener a mano
- Nombre de la publicación, público y unos siete temas
- Al menos tres historias con títulos, resúmenes y texto
- Productos, planes y tarifas de envío si vendes algo
- Tus fotos, o una clave de API de PopNow para generarlas
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.
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.
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
¿Puede funcionar sin backend?
Sí. El resultado por defecto es un único archivo HTML. La búsqueda, los filtros, las historias guardadas y la cesta funcionan en el navegador; el checkout, las suscripciones y los formularios muestran confirmaciones de demostración claras hasta que conectes servicios reales.
¿Qué genera PopNow aquí?
Fotografías de historias, bodegones para portadas y retratos de sustitución para la mancheta, todo con una misma dirección de arte. Las portadas y las láminas se componen en HTML, así que las imágenes nunca necesitan texto. Cada ejecución se presupuesta antes y solo empieza cuando aceptas.
¿Sirve para un negocio que no sea una revista?
A menudo, sí. Las historias pueden ser entradas de diario, guías o reportajes de origen; los temas, técnicas, barrios o regiones; y la suscripción, una membresía o un plan de entregas.
¿Qué pasa con el contenido de la revista de ejemplo?
Se sustituye. El validador falla si queda en la página algún nombre, persona, punto de venta, lugar o título de historia de ejemplo, y todo lo que el skill haya tenido que inventar se te enumera.