Ce que vous obtenez
- Une section de tarifs autonome qui fonctionne hors ligne et dans un iframe
- De deux à quatre cartes de formule avec badges, fonctionnalités, ruban de formule recommandée et boutons par formule
- Une bascule Mensuel / Annuel avec mention d’économie et notes de facturation annuelle
- Thèmes clair et sombre, plus un contrôleur statique pour le fichier final
- En option : une illustration d’autocollant détourée, réalisée avec PopNow après devis
Idéal pour
- Applications indépendantes, outils de créateurs et petits produits SaaS
- Formules d’abonnement, de cours ou de lettre d’information
- Pages de lancement qui veulent un ton amical et informel
Pas fait pour
- Grilles tarifaires d’entreprise avec de longs tableaux comparatifs
- Marques au ton formel ou strictement minimaliste
Comment l’utiliser
Dans Claude ou ChatGPT
Utilisez le skill PopNow « Section de tarifs dessinée à la main » (pricing-page-section) pour ceci : Tarifs pour Brewlog, un journal de dégustation de café : Gratuit, Barista 4 $/mois ou 40 $/an, Torréfacteur 12 $/mois ou 120 $/an pour les cafés. Recommandez Barista.
Dans un agent de code
/popnow-pricing-page-section Tarifs pour Brewlog, un journal de dégustation de café : Gratuit, Barista 4 $/mois ou 40 $/an, Torréfacteur 12 $/mois ou 120 $/an pour les cafés. Recommandez Barista.
Puis essayez
Chiffrez un autocollant de bouilloire à pour-over dans nos couleurs d’accent et détourez-le.
Transformez-le en composant Svelte et laissez le thème du site piloter le mode sombre.
À préparer
- Noms des formules, prix mensuels et annuels, limites et fonctionnalités
- La formule que vous recommandez et la destination de chaque bouton
- Une phrase honnête sur les essais, les remboursements ou la résiliation
- Facultatif : une clé API PopNow pour l’illustration d’autocollant
Skills similaires
Tout voir →- Web
Créateur d’avatar 3D
+25Créez dans votre navigateur un personnage 3D façon peluche et enregistrez-le en PNG transparent ou en page 3D.
- Web
Calendrier heatmap d’activité
+25Une année d’activité quotidienne en calendrier de cases colorées, avec séries, totaux et navigation au clavier.
- Web
Modèle de landing page SaaS IA
+25Papier sable et filets fins autour d’un tableau kanban où un assistant planifie les tâches.
- Web
Section hero animée
+25Un hero de landing page avec un mot de titre qui change en douceur, deux boutons et un large cadre d’image.
- Web
Modèle de site de marque de boissons
+25Site lumineux pour marque de boissons ou snacks : boutique, composeur de caisse, carte des revendeurs et paiement de démo, en un fichier.
- Web
Modèle de site d’agence créative à shader
+25Héros shader orange vivant, déclaration en bas, navigation en pilules et grille d’études de cas décalée.
- Web
Landing page SaaS sombre
+25Un site marketing sombre et très animé pour un logiciel, livré en un seul fichier HTML autonome.
- Web
Site portfolio de designer
+25Six cartes inclinées autour d’un titre qui s’estompe, une carte portrait rouge, des études de cas éditoriales.
- Web
Site portfolio de développeur
+25Un site personnel sombre pour développeurs, avec études de cas, articles, conférences, CV et formulaire de contact.
- Web
Site SaaS éditorial
+25Héros scindé bleu marine, titre serif sur cinq lignes, photo documentaire, bandeaux inclinés et accent cobalt.
- Web
Site de designer indépendant
+25Site audacieux d’un designer solo qui vend des forfaits à prix fixe : pages d’offres, études de cas et formulaire de brief.
- Web
Modèle de site glassmorphism
+25Verre dépoli sur fond noir, grand titre serif à un mot en italique, et inscription par e-mail.
- Web
Site web de produit matériel
+25Noms de modèles fins et géants sur studio argenté, cartes de fiches et gamme à l’échelle réelle.
- Web
Diagramme d’architecture interactif
+25Un schéma système cliquable et hors ligne, construit à partir d’un modèle JSON vérifié, avec les preuves derrière chaque bloc.
- Web
Héros à grille interactive
+25Grille sombre de fins filaments qui se courbe vers le curseur et envoie un anneau à chaque clic.
- Web
Explorateur de graphe de connaissances
+25Transformez vos notes de projet en graphe consultable hors ligne, où chaque affirmation renvoie à sa ligne source.
- Web
Modèle de tableau de bord KPI
+25Quatre indicateurs avec variations, courbe lumineuse, répartition et objectifs, sur papier chaud.
- Web
Landing page à partir de maquettes IA
+25Voyez trois maquettes de page complète, choisissez-en une, et votre agent la code proprement.
- Web
Modèle de site web magazine
+25Un site de magazine digne de l’imprimé, avec articles, rubriques, petite boutique et abonnements, en un seul fichier HTML.
- Web
Héros à animation de particules
+25Texte sur papier chaud, à côté d’une sphère de points qui change à chaque idée.
- Web
Site de marque personnelle
+25Portrait fondu dans du papier chaud sous un fin crochet, affirmations de chaque côté.
- Web
Modèle de site de boutique pour animaux
+25Boutique d’animaux qui fonctionne : catalogue, déclinaisons, panier, planificateur de recharges et paiement de démo, en un HTML.
- Web
Modèle de site de podcast
+25Un site de podcast avec héros lisible, archive d’épisodes, pages d’invités et un lecteur qui continue de jouer en naviguant.
- Web
Page de lancement produit cinématique
+25Page presque noire façon cinéma : titre serif, scène de nuit encadrée, formulaire de réservation.
- Web
Site de présentation d’article de recherche
+25Une page projet pour votre article avec Figure 1 interactive, résultats, limites et citation en un clic.
- Web
Modèle de dashboard admin
+25Une console de back-office fonctionnelle avec graphiques, tableaux, kanban et calendrier, en un seul fichier HTML hors ligne.
- Web
Modèle de landing page SaaS
+25Un site marketing clair et apaisé pour un logiciel, avec console produit fonctionnelle, tarifs et inscription.
- Web
Site CV portfolio façon scrapbook
+25Un CV en ligne sur plusieurs pages fait d’objets en papier, avec études de cas et CV imprimable.
- Web
Modèle de site e-commerce de sneakers
+25Une boutique complète de chaussures ou de vêtements avec catalogue, fiches produit, panier et paiement de démo, en un fichier HTML.
- Web
Modèle de site de club sportif
+25Site de club, salle ou studio avec planning, pages d’entraîneurs, adhésions, plan des terrains et réservation dans un seul fichier.
- Web
Section mur de témoignages
+25Un mur de citations clients en maçonnerie ou en dérive lente, qui ne publie que les citations dont les personnes ont donné leur accord.
- Web
Modèle de site d’agence de voyages
+25Site centré sur la photo pour circuits, guides ou refuges : recherche de voyages, demandes de réservation et quiz de choix de séjour.
- Web
Modèle de page d’automatisation de workflows
+25Page graphite au titre court, avec un graphe de nœuds vivant qui s’exécute et relance les étapes.
Questions
La bascule annuelle fonctionne-t-elle sans framework ?
Oui. Chaque prix porte sa valeur mensuelle et annuelle dans des attributs de données, et quelques lignes de JavaScript simple échangent les valeurs ; supprimez la bascule si vous ne vendez qu’un seul cycle de facturation.
La police manuscrite s’affichera-t-elle sur tous les appareils ?
Elle utilise des polices manuscrites déjà installées sur le système, avec des solutions de repli. Rien n’est téléchargé et la section fonctionne hors ligne. Le rendu exact diffère un peu entre macOS, Windows et Android.
Qu’apporte PopNow ici ?
Une illustration d’autocollant facultative pour la marge : un dessin dans le même style encre et aplats, puis un détourage propre avec le détoureur de fond de PopNow. Chaque lancement est chiffré d’abord et ne démarre qu’après votre accord.
Puis-je l’utiliser dans un site existant ?
Oui. Tous les styles sont limités aux classes préfixées .skp-, et le skill reconstruit la section en composant pour React, Vue, Svelte ou Astro, la page hôte gardant la main sur le thème.
Fonctionne-t-il comme modèle de tarifs SaaS ?
Oui. Formules, prix mensuels et annuels, lignes de fonctionnalités et badge « le plus populaire » viennent d’un seul bloc de données, comme sur la plupart des pages de tarifs SaaS. Utilisez-le comme page de tarifs complète ou insérez le tableau de tarifs dans une page existante.