Cosa ottieni
- Un unico file HTML con font e immagini incorporati, senza richieste di rete
- Home con hero a scheda inclinata, bento delle funzioni, storia del flusso di lavoro, testimonianze, prezzi e iscrizione
- Pagine di changelog, storia cliente, accesso, note legali e 404
- Un validatore che trova link rotti, testo alternativo mancante e nomi di esempio rimasti
- Ritratti e foto delle storie opzionali generati con PopNow dopo un preventivo in crediti
Ideale per
- Pagine di lancio per SaaS e strumenti per sviluppatori
- Un sito di marketing completo che deve sembrare pronto dal primo giorno
- Ridisegnare un sito di prodotto scuro con prezzi e moduli funzionanti
Non adatta a
- Brand chiari o pastello: il design è solo scuro
- Negozi online o blog ricchi di contenuti
- Pagine che devono mostrare uno screenshot reale del prodotto nella hero
Come usarla
In Claude o ChatGPT
Usa la skill PopNow “Landing page SaaS scura” (dark-saas-landing-page) per questo: Crea una landing page per Tally, uno strumento di allerta per la reperibilità per piccoli team di ingegneria. Tre piani: Free, Team $12/utente, Business $24/utente.
In un agente di programmazione
/popnow-dark-saas-landing-page Crea una landing page per Tally, uno strumento di allerta per la reperibilità per piccoli team di ingegneria. Tre piani: Free, Team $12/utente, Business $24/utente.
Poi prova
Genera tre ritratti per le testimonianze in evidenza e dimmi prima il prezzo.
Porta tutto nella mia app Next.js sotto app/(marketing).
Cosa tenere pronto
- Nome del prodotto, cosa fa e il risultato principale
- 4-5 funzionalità, 3-4 passaggi del flusso di lavoro e i tuoi piani tariffari
- Testimonianze e numeri reali, o l’ok a usare dei segnaposto
- Opzionale: una chiave API PopNow o le foto del tuo team
Skill simili
Vedi tutte →Creatore di avatar 3D
+3Crea nel browser un personaggio 3D tenero come un peluche e salvalo come PNG trasparente o pagina 3D.
Calendario heatmap
+3Un anno di attività quotidiana come griglia di calendario sfumata, con serie, totali e accesso da tastiera.
Landing page SaaS per l’AI
+3Carta sabbia calda, binari sottili e tratteggi attorno a una kanban dal vivo dove un assistente pianifica.
Sezione hero animata
+3Una hero per landing page con una parola del titolo che ruota con delicatezza, due pulsanti e un riquadro immagine largo.
Sito per agenzia creativa con hero shader
+3Hero shader WebGL dal vivo dietro un’affermazione in basso, navigazione a pillola e griglia di casi di studio.
Sito portfolio per designer
+3Sei card inclinate attorno a un titolo sfumato su grigio calmo, una card ritratto rossa e casi di studio.
Sito portfolio per sviluppatori
+3Un sito personale scuro per ingegneri, con case study, articoli, talk, curriculum e modulo di contatto.
Sito SaaS editoriale
+3Hero diviso blu notte, titolo serif accanto a una foto documentaria, fasce inclinate e un accento cobalto.
Template sito glassmorphism
+3Pillole di vetro su fondo quasi nero, titolo serif enorme con una parola in corsivo e iscrizione via email.
Sito di prodotti hardware
+3Nomi dei modelli enormi e sottili su scatti da studio argentati, card di specifiche e una gamma in scala.
Diagramma di architettura interattivo
+3Un diagramma di sistema cliccabile e offline, costruito da un modello JSON verificato, con le evidenze dietro ogni riquadro.
Hero con griglia interattiva
+3Una griglia scura di fili sottili che si piega verso il cursore e fa partire un anello luminoso a ogni clic.
Esploratore di knowledge graph
+3Trasforma gli appunti di progetto in un grafo offline e ricercabile, dove ogni affermazione rimanda alla sua riga di origine.
Template dashboard KPI
+3Quattro KPI con variazioni, un grafico a linee, una tabella di dettaglio e barre obiettivo.
Landing page da mockup AI
+3Vedi prima tre progetti a pagina intera, scegline uno: il tuo agente lo costruisce come codice pulito.
Template sito web per rivista
+3Un sito di rivista con qualità da stampa, articoli, temi, un piccolo shop e abbonamenti, in un unico file HTML.
Hero con animazione di particelle
+3Testo su carta calda accanto a una sfera di punti inchiostro e verde acqua che cambia forma per ogni idea.
Sito personal brand
+3Un ritratto sfumato su carta calda sotto una sottile parentesi, con affermazioni leggere e grassetto ai lati.
Pagina di lancio cinematografica di prodotto
+3Pagina quasi nera in stile film: titolo serif su luci in movimento, scena notturna, modulo di prenotazione.
Template dashboard di amministrazione
+3Una console di back office funzionante con grafici, tabelle, kanban e calendario, in un unico file HTML offline.
Template landing page SaaS
+3Un sito di marketing chiaro e sobrio per un prodotto software, con console di prodotto funzionante, prezzi e iscrizione.
Sito portfolio in stile scrapbook
+3Un CV online su più pagine fatto di oggetti di carta, con case study e un curriculum stampabile.
Template sito e-commerce di sneaker
+3Un negozio completo di scarpe o abbigliamento con catalogo, pagine prodotto, carrello e checkout demo in un unico file HTML.
Landing page per automazione di workflow
+3Pagina in grafite con titolo piccolo a sinistra e sotto un grafo di nodi dal vivo che esegue e riprova.
Domande
La pagina richiede un framework o una build?
No. Il risultato predefinito è un unico file HTML che puoi aprire dal disco o caricare su qualsiasi hosting statico. Se hai già un progetto React, Vue, Svelte o Astro, la skill ricostruisce invece le stesse sezioni come componenti.
Cosa genera PopNow qui?
Solo foto: ritratti per le testimonianze, piccoli primi piani per la fascia di prove sociali e le immagini della storia cliente. La hero è una schermata di prodotto disegnata, quindi non serve un’immagine. Ogni esecuzione ha prima un preventivo in crediti e parte solo dopo il tuo ok.
Posso usarla senza una chiave API PopNow?
Sì. La skill tiene i ritratti sostitutivi inclusi con nuovi nomi o ripiega su avatar con iniziali, e ti dice quali spazi richiedono ancora foto reali.
Che fine fanno il brand e le persone di esempio?
Vengono sostituiti. Il validatore fallisce se nella pagina finita resta un nome di prodotto, una persona o un’azienda di esempio, e tutto ciò che la skill ha dovuto inventare viene elencato perché tu lo confermi.