Ce que vous obtenez
- Un DESIGN.md au format ouvert, avec les jetons dans l’en-tête et des consignes rédigées
- tokens.json (jetons de design W3C) et tokens.css, avec thèmes clair et sombre
- Logotype, symbole, bloc logo, versions inversée et monochrome, en SVG tracés
- Un tableau de marque d’une page en HTML hors ligne et en PDF, avec 4 à 6 maquettes
- Une page de planche d’ambiance à trois directions, parmi lesquelles choisir
Idéal pour
- Donner une identité à un nouveau produit, une boutique ou un projet annexe en une seule session
- Rédiger un DESIGN.md pour que votre agent de code cesse de produire une interface générique
- Transformer un fichier de thème existant en système documenté et vérifié au contraste
- Un tableau de marque crédible pour une présentation ou un premier rendez-vous client
Pas fait pour
- Vérification de marque déposée : le skill évite les ressemblances mais ne consulte pas les registres
- Mascottes ou systèmes d’illustration complets
- Reproduire ligne à ligne une charte de marque existante et stricte
Comment l’utiliser
Dans Claude ou ChatGPT
Utilisez le skill PopNow « Générateur de kit de marque et de DESIGN.md » (brand-kit-design-md) pour ceci : Kit de marque pour Lumen Notes, une application de notes calme pour les chercheurs qui travaillent tard. Chaleureuse et un peu malicieuse, jamais une énième appli IA violette. Pas encore de logo.
Dans un agent de code
/popnow-brand-kit-design-md Kit de marque pour Lumen Notes, une application de notes calme pour les chercheurs qui travaillent tard. Chaleureuse et un peu malicieuse, jamais une énième appli IA violette. Pas encore de logo.
Puis essayez
Partez sur la direction A, mais reprenez le vert de la B pour les étiquettes.
Version allégée pour l’instant : palette, polices et voix, sans crédits d’images.
À préparer
- Quelques lignes sur le produit, l’audience et la personnalité
- Les concurrents à ne pas imiter, avec leurs couleurs principales si vous les connaissez
- Tout logo, couleur ou police que vous voulez conserver
- Python 3 et Chrome ; fonttools pour les logotypes tracés
Skills similaires
Tout voir →Portrait de studio en noir et blanc
+3Transformez une photo du quotidien en portrait de studio calme en noir et blanc qui vous ressemble toujours.
Série d’illustrations pour article de blog
+3Trois illustrations assorties pour un même article, chacune montrant ce que son passage dit réellement.
Affiche anatomique de voiture en coupe
+3Coupe vue de côté d’une voiture générique : systèmes codés par couleur, repères numérotés et fenêtres de zoom.
Créateur d’infographie façon tableau noir
+3Infographie 16:9 façon tableau noir : texte court exact, dessins à la craie et un seul parcours de lecture.
Images de storyboard cinématographique
+3Trois planches de storyboard pour une même scène, trois façons de la tourner, avec la continuité préservée.
Série de concept art cohérent
+3Un personnage, un accessoire et un décor qui appartiennent clairement au même monde fictif.
Dessins mignons façon crayon de couleur
+3Personnages au crayon adorablement maladroits sur papier blanc : traits tremblés, aplats griffonnés.
Illustration éditoriale au trait
+3Illustrations à l’encre noire aérées, un seul accent de couleur, pour en-têtes d’articles et cartes sociales.
Couverture d’article façon gravure
+3Une gravure surréaliste à l’encre noire par essai, en hachures, bord à bord, et une seule scène.
Vue éclatée d’une plateforme de véhicule électrique
+3Voiture électrique éclatée couche par couche : batterie, moteurs, habitacle et carrosserie, avec repères.
Affiche de vue éclatée de produit
+3Une image héros nette et éclatée d’un produit, avec des étiquettes exactes issues de votre fiche technique.
Générateur de carte fantasy
+3Parchemin, atlas ou traits de votre monde, chaque nom bien écrit, des quadrillages bien alignés.
Carte régionale des saveurs
+3Une carte peinte et calme des régions, avec un petit graphique de goût par région sur une échelle commune.
Créateur de carte illustrée de ville
+3Carte de quartier ou de ville au style dessiné à la main, juste là où il faut, lettrée exactement.
Storyboard au croquis à l’encre
+3Planche de storyboard à l’encre noire, traits ouverts, espace blanc, un temps par case.
Créateur d’image OG en trait
+3Images d’aperçu sereines : carte blanc cassé, titre court en noir et personnage au trait d’encre.
Affiche de recherche en biologie marine
+3Affiche de recherche autour d’une coupe peinte d’habitat, espèces numérotées et graphique.
Générateur de maquettes de téléphone
+3Votre appli sur un téléphone pliant 3D qui s’ouvre sur fond doux : PNG nets ou clip de pliage.
Études de composition photographique
+3Trois prises photo d’un même sujet, chacune bâtie sur un principe de composition différent.
Générateur de sketchnote
+3Un article ou des notes deviennent une sketchnote 4:3 dessinée à la main, aux libellés exacts.
Générateur de couvertures et miniatures sociales
+3Un message en entrée, des images OG, couvertures et miniatures vérifiées, aux tailles exactes.
Questions
Qu’est-ce que DESIGN.md, et qui le lit ?
C’est un système de design en texte brut : des jetons YAML en tête, puis des consignes rédigées. Les agents de code et de design le lisent pour garder couleurs, typographie et espacements cohérents. Ce skill l’écrit au format ouvert que d’autres outils vérifient et exportent, et ajoute les fichiers de logo, les licences de polices, les paires de contraste et des exemples de voix sous une clé supplémentaire.
Les couleurs sont-elles vraiment accessibles ?
Chaque paire texte-fond que vous utiliserez est déclarée et vérifiée selon WCAG 2.2 par un script, mode sombre compris. Les paires qui échouent reçoivent la couleur conforme la plus proche, de même teinte, et les ratios sont arrondis vers le bas : une réussite est donc une vraie réussite.
Le logo est-il une image générée par IA ?
Non. Le logotype est tracé à partir d’une police à licence libre, et le symbole est dessiné en quelques formes SVG nettes. Des esquisses PopNow peuvent inspirer le symbole, mais jamais une image matricielle n’est livrée comme logo, et le contrôleur la rejette.
Comment éviter de ressembler à un concurrent ?
Vous listez les marques à éviter avec leurs couleurs et la description de leur signe. Un contrôle signale les palettes qui reprennent leur association de couleurs, les consignes ne les nomment jamais, et le symbole est comparé à leur signe avant d’être dessiné. Ce n’est pas une recherche de marque déposée au sens juridique.