Ce que vous obtenez
- Un fichier HTML avec polices et images intégrées, sans aucune requête réseau
- Page d’accueil avec hero en carte inclinée, bento de fonctionnalités, récit du workflow, témoignages, tarifs et inscription
- Pages journal des modifications, histoire client, connexion, mentions légales et 404
- Un validateur qui repère les liens cassés, les textes alternatifs manquants et les noms d’exemple oubliés
- En option : portraits et photos d’histoires clients générés avec PopNow après un devis en crédits
Idéal pour
- Pages de lancement de SaaS et d’outils pour développeurs
- Un site marketing complet qui doit paraître abouti dès le premier jour
- Refonte d’un site produit sombre avec tarifs et formulaires fonctionnels
Pas fait pour
- Marques claires ou pastel : le design est uniquement sombre
- Boutiques en ligne ou blogs riches en contenu
- Pages qui doivent montrer une vraie capture d’écran du produit dans le hero
Comment l’utiliser
Dans Claude ou ChatGPT
Utilisez le skill PopNow « Landing page SaaS sombre » (dark-saas-landing-page) pour ceci : Créez une landing page pour Tally, un outil d’alertes d’astreinte pour petites équipes techniques. Trois formules : Free, Team à 12 $/utilisateur, Business à 24 $/utilisateur.
Dans un agent de code
/popnow-dark-saas-landing-page Créez une landing page pour Tally, un outil d’alertes d’astreinte pour petites équipes techniques. Trois formules : Free, Team à 12 $/utilisateur, Business à 24 $/utilisateur.
Puis essayez
Générez trois portraits de témoignages pour la mise en avant et indiquez-moi d’abord le prix.
Intégrez ceci dans mon app Next.js sous app/(marketing).
À préparer
- Nom du produit, ce qu’il fait et le résultat phare
- 4 à 5 fonctionnalités, 3 à 4 étapes de workflow et vos formules tarifaires
- De vrais témoignages et chiffres, ou l’accord pour utiliser des textes provisoires
- En option : une clé API PopNow ou vos propres photos d’équipe
Skills similaires
Tout voir →Créateur d’avatar 3D
+3Créez dans votre navigateur un personnage 3D façon peluche et enregistrez-le en PNG transparent ou en page 3D.
Calendrier heatmap d’activité
+3Une année d’activité quotidienne en calendrier de cases colorées, avec séries, totaux et navigation au clavier.
Modèle de landing page SaaS IA
+3Papier sable et filets fins autour d’un tableau kanban où un assistant planifie les tâches.
Section hero animée
+3Un hero de landing page avec un mot de titre qui change en douceur, deux boutons et un large cadre d’image.
Modèle de site d’agence créative à shader
+3Héros shader orange vivant, déclaration en bas, navigation en pilules et grille d’études de cas décalée.
Site portfolio de designer
+3Six cartes inclinées autour d’un titre qui s’estompe, une carte portrait rouge, des études de cas éditoriales.
Site portfolio de développeur
+3Un site personnel sombre pour développeurs, avec études de cas, articles, conférences, CV et formulaire de contact.
Site SaaS éditorial
+3Héros scindé bleu marine, titre serif sur cinq lignes, photo documentaire, bandeaux inclinés et accent cobalt.
Modèle de site glassmorphism
+3Verre dépoli sur fond noir, grand titre serif à un mot en italique, et inscription par e-mail.
Site web de produit matériel
+3Noms de modèles fins et géants sur studio argenté, cartes de fiches et gamme à l’échelle réelle.
Diagramme d’architecture interactif
+3Un schéma système cliquable et hors ligne, construit à partir d’un modèle JSON vérifié, avec les preuves derrière chaque bloc.
Héros à grille interactive
+3Grille sombre de fins filaments qui se courbe vers le curseur et envoie un anneau à chaque clic.
Explorateur de graphe de connaissances
+3Transformez vos notes de projet en graphe consultable hors ligne, où chaque affirmation renvoie à sa ligne source.
Modèle de tableau de bord KPI
+3Quatre indicateurs avec variations, courbe lumineuse, répartition et objectifs, sur papier chaud.
Landing page à partir de maquettes IA
+3Voyez trois maquettes de page complète, choisissez-en une, et votre agent la code proprement.
Modèle de site web magazine
+3Un site de magazine digne de l’imprimé, avec articles, rubriques, petite boutique et abonnements, en un seul fichier HTML.
Héros à animation de particules
+3Texte sur papier chaud, à côté d’une sphère de points qui change à chaque idée.
Site de marque personnelle
+3Portrait fondu dans du papier chaud sous un fin crochet, affirmations de chaque côté.
Page de lancement produit cinématique
+3Page presque noire façon cinéma : titre serif, scène de nuit encadrée, formulaire de réservation.
Modèle de dashboard admin
+3Une console de back-office fonctionnelle avec graphiques, tableaux, kanban et calendrier, en un seul fichier HTML hors ligne.
Modèle de landing page SaaS
+3Un site marketing clair et apaisé pour un logiciel, avec console produit fonctionnelle, tarifs et inscription.
Site CV portfolio façon scrapbook
+3Un CV en ligne sur plusieurs pages fait d’objets en papier, avec études de cas et CV imprimable.
Modèle de site e-commerce de sneakers
+3Une boutique complète de chaussures ou de vêtements avec catalogue, fiches produit, panier et paiement de démo, en un fichier HTML.
Modèle de page d’automatisation de workflows
+3Page graphite au titre court, avec un graphe de nœuds vivant qui s’exécute et relance les étapes.
Questions
La page a-t-elle besoin d’un framework ou d’une étape de build ?
Non. Le résultat par défaut est un seul fichier HTML que vous pouvez ouvrir depuis le disque ou déposer sur n’importe quel hébergement statique. Si vous avez déjà un projet React, Vue, Svelte ou Astro, le skill reconstruit plutôt les mêmes sections en composants.
Que génère PopNow ici ?
Uniquement des photos : portraits de témoignages, petites photos de profil pour la bande de preuves sociales et images d’histoires clients. Le hero est un écran produit dessiné, il n’a donc pas besoin d’image. Chaque lancement est d’abord chiffré en crédits et ne démarre qu’avec votre accord.
Puis-je l’utiliser sans clé API PopNow ?
Oui. Le skill garde les portraits de remplacement fournis sous de nouveaux noms ou passe à des avatars à initiales, et vous indique quels emplacements attendent encore de vraies photos.
Que deviennent la marque et les personnes d’exemple ?
Elles sont remplacées. Le validateur échoue si un nom de produit, une personne ou une entreprise d’exemple subsiste dans la page finale, et tout ce que le skill a dû inventer vous est listé pour confirmation.