Site produit Menthe Noirv1.0.0

Site produit Menthe Noir

Créez un site marketing sombre pour un produit logiciel ou d'IA : surfaces graphite presque noires, texte blanc cassé tout en douceur, bordures fines et un unique accent menthe, avec dans chaque titre un mot composé dans une grande serif italique. L'exemple utilise le produit fictif Corvel, une équipe commerciale IA pour les vendeurs en ligne ; vous remplacez son contenu tout en conservant la composition qui rend le style reconnaissable.

Ce que vous obtenez

Cinq pages reliées partagent une barre de navigation fixe et un pied de page :

• Produit — une pastille d'annonce, un titre dégradé sur deux lignes, des CTA de téléchargement et de version navigateur, une rangée d'avatars qui inspire confiance et une grande fenêtre d'application dessinée en code, avec tuiles KPI, graphique de revenus et note sur l'enseignement clé. Suivent une bande d'intégrations, trois cartes de fonctionnalités, une grille Bento, un témoignage en serif avec chiffres de résultats et un CTA de clôture lumineux.
• Tarifs — un sélecteur mensuel/annuel qui recalcule tous les prix, trois formules dont celle du milieu est mise en avant par un halo, un tableau comparatif et une FAQ sur la facturation.
• Ressources — une recherche dans le centre d'aide qui filtre au fil de la saisie, six cartes de catégories, des articles populaires, des tutoriels par niveau et une carte d'assistance.
• Événements — un atelier en direct à la une avec compte à rebours et programme, des sessions à venir filtrables, des cartes de replays et un formulaire d'inscription à la newsletter.
• Nouveautés — une frise des versions dont le nœud actif suit votre défilement, des cartes de version détaillées et un bouton « charger les versions précédentes ».

Le paquet comprend aussi le template, un guide de style, une bibliothèque de pages, des règles d'icônes, un guide d'adaptation aux frameworks et un validateur local.

Personnalisez-le

Commencez par le nom du produit, une catégorie en une ligne et la phrase du Hero, puis choisissez le mot qui passera en serif menthe. Ajoutez les intégrations réellement prises en charge par votre produit, trois fonctionnalités, un témoignage client aux chiffres crédibles et vos formules. S'il n'existe pas encore d'articles d'aide, d'événements ou de notes de version, l'assistant peut rédiger des versions clairement fictives que vous relirez.

Indiquez à l'assistant le framework que vous utilisez, ou laissez-le lire votre projet. Sans préférence, il crée un projet Next.js App Router avec TypeScript, en faisant de chaque page une vraie route et de chaque bloc répété un composant.

Les photos se limitent aux personnes : de petits avatars ronds et un portrait sur la carte d'identité de l'agent. Utilisez les photos de votre équipe ou générez une série cohérente sur un fond sombre uni, avec une lumière chaude et douce.

Vérifiez le résultat

Ouvrez chaque page en largeur ordinateur et mobile. Basculez la période de facturation, cherchez dans le centre d'aide, filtrez les événements, inscrivez-vous à une session, validez l'action du Bento et chargez les versions précédentes. Lancez le validateur inclus sur une version en fichier unique, ou les vérifications propres au projet sur une version avec framework. L'exemple n'envoie aucune donnée ; ne connectez de vrais services que là où votre site de production en a besoin.