branding

Par mkurman · zorai

npx skills add https://github.com/mkurman/zorai --skill branding

name: branding description: Quand l'utilisateur veut définir, auditer ou appliquer une stratégie de marque—objectif, valeurs, positionnement, storytelling, voix, récit (pas seulement les aspects visuels). À utiliser aussi quand l'utilisateur mentionne « brand strategy », « brand story », « brand storytelling », « brand voice », « brand identity », « brand guidelines », « brand purpose », « brand values », « origin story », « brand narrative », « brand personality », « brand archetype », « slide deck branding », « PPT brand colors », ou « document style guide ». Pour la typographie, les couleurs, les design tokens et les éléments visuels frontend, utiliser brand-visual-generator. license: MIT tags: [nontechnical, marketing-skills, branding, experimental-design, strategy, presentation, compliance] metadata: version: 1.2.0 -----|---------| | Objectif de marque | Pourquoi la marque existe au-delà du profit ; une phrase | | Valeurs de marque | 4–5 valeurs fondamentales ; ce que vous défendez ; différenciateurs | | Public cible | Qui vous servez ; ICP ; jobs to be done | | Positionnement | Pour [client] qui [besoin], notre [produit] est une [catégorie] qui [bénéfice]. Contrairement à [concurrent], nous [différenciateur] parce que [raisons] | | Différenciation | Pourquoi vous, pas les alternatives ; concret, pas vague |

Brand Storytelling

Origin Story

  • Quoi : Parcours, fondation, jalons, expériences personnelles qui ont façonné l'entreprise
  • Pourquoi : Connexion émotionnelle ; 58 % des clients achètent selon les valeurs de l'entreprise
  • Éléments : Qui a fondé ; pourquoi créé ; défis surmontés ; vision ; évolution

Hero's Journey (Client comme héros)

Élément Contenu
Héros Votre client ; ses besoins, envies, contexte
Problème Ce qu'il rencontre ; comment il le résout maintenant
Révélation déclencheur Reframing qui crée l'urgence
Rôle de la marque Guide, outil ou partenaire—pas héros ; comment vous facilitez la résolution
Transformation À quoi ressemble le meilleur avenir ; preuve (études de cas, témoignages)

Arc narratif de marque

  • Protagoniste : Client face à un défi
  • Enjeux : Ce qui se passe si rien ne change
  • Preuve : Données, études de cas, témoignages
  • CTA : Placer l'appel à l'action dans l'histoire ; provoque l'action

Brand Archetypes (12 types)

Archétype Ton Exemple
Creator Innovant, imaginatif Adobe
Caregiver Bienveillant, supportif Johnson & Johnson
Ruler Autoritaire, premium Mercedes-Benz
Innocent Simple, optimiste Coca-Cola
Sage Sage, knowledgeable Google
Explorer Aventureux, indépendant Patagonia
Outlaw Rebelle, disruptif Harley-Davidson
Magician Transformateur, visionnaire Disney
Hero Courageux, déterminé Nike
Lover Passionné, sensuel Chanel
Jester Ludique, amusant M&M's
Everyman Accessible, terre-à-terre IKEA

Alignez l'archétype à la personnalité du client ; renforce le storytelling.

Brand Voice & Tone

Élément Définition Exemple
Voice Personnalité de marque ; cohérente sur tous les touchpoints Professionnel / Amical / Technique / Audacieux
Tone Comment vous le dites ; s'adapte au contexte Confiant mais pas arrogant ; utile ; concis
À éviter Buzzwords, termes à ne jamais utiliser « streamline », « revolutionize », « synergy »
Préféré Termes à utiliser régulièrement « audit » plutôt que « analysis » ; « client » plutôt que « user »

Contexte product marketing Section 8 : Documenter voice, tone, à éviter, préféré. Voir template project-context.

Brand Visual Identity (Couche stratégique)

Élément Stratégie Implémentation
Couleurs Primaire, secondaire, CTA ; cartographie industrie brand-visual-generator
Typographie Display + body ; hiérarchie ; pairing brand-visual-generator
Logo Variantes, clear space, taille minimale logo-generator
Imagerie Ton, sujet, mood visuel Brand guidelines
Cohérence Même identité sur web, réseaux sociaux, produit Tous les touchpoints

Pour les specs visuelles complètes (fonts, HEX, spacing), voir brand-visual-generator. Pour le placement et l'implémentation du logo, voir logo-generator.

Brand Guidelines Structure

Source unique de vérité. Inclure :

  • Objectif & valeurs : Pourquoi vous existez ; ce que vous défendez
  • Positionnement : One-liner ; différenciation
  • Histoire : Origin story ; résumé hero's journey
  • Voice & tone : Voice, tone, à éviter, préféré
  • Logo : Règles d'usage, clear space, variantes (light/dark)
  • Couleurs : Primaire, secondaire, CTA (HEX, RGB, CMYK)
  • Typographie : Familles de polices, hiérarchie, sizing
  • Imagerie : Ton de photographie ; style iconographie

Visual Specification Delivery (Design Tokens)

Quand l'utilisateur a besoin de specs actionnables (pas seulement de la stratégie)—pour web, slides ou print—produire un token table que l'équipe peut coller dans un design system, media kit ou slide master. Aligner avec brand-visual-generator pour les détails web/CSS complets.

Catégorie de token Quoi documenter Exemples de champs
Couleurs Rôles nommés + valeurs pour light/dark si applicable Primary #______, text primary #______, background #______, accent 1–3, CTA, border, error/success
Typographie Famille, weight, échelle de tailles, line-height Display / H1–H3 / body / caption ; web-safe ou system fallbacks
Spacing Unité de base et échelle ex. base 8px ; écarts sections ; logo clear space en em ou px
Accents non-texte Graphiques, formes, dividers Rotationner couleurs accent ; éviter les teintes one-off arbitraires hors palette

Appliquer les tokens sur les surfaces

  • Web / product : Variables CSS ou design tokens ; voir brand-visual-generator.
  • Slides (PowerPoint, Google Slides, Keynote) : Définir slide master background + fonts titre/body par défaut depuis le token table ; mapper theme colors à primary/secondary/background/text ; réutiliser un accent par section de deck si possible.
  • Documents (Word, Google Docs, PDF) : Définir paragraph styles (Title, Heading 1–3, Normal, Caption) avec fonts et couleurs depuis les tokens ; définir background de page par défaut si la marque utilise off-white.

Si l'utilisateur colle un PDF de marque existant ou une liste à puces, extraire et normaliser dans ce token table avant de proposer l'implémentation.

Output Format

  • Brand strategy (objectif, valeurs, positionnement, différenciation)
  • Story (origin story, hero's journey, narrative arc)
  • Voice & tone (voice, tone, à éviter, préféré)
  • Archetype (si applicable)
  • Visual (haut niveau ; renvoyer à brand-visual-generator pour specs web)
  • Design token table (couleurs, type scale, spacing) quand le livrable doit être implementation-ready
  • Slide/document notes (master fonts, theme colors) quand les touchpoints incluent decks ou docs
  • Context template pour project-context Sections 8, 12

Related Skills

  • about-page-generator : About page implémente brand story, mission, valeurs
  • homepage-generator : Homepage implémente value prop, différenciation, brand voice
  • logo-generator : Placement, implémentation du logo ; branding définit les règles du logo
  • brand-visual-generator : Typographie, couleurs, spacing ; branding définit la stratégie visuelle
  • media-kit-page-generator : Media kit héberge brand guidelines
  • directory-submission : Directory copy utilise brand voice ; Section 8 Brand & Voice
  • title-tag, meta-description : Metadata utilise brand voice
  • integrated-marketing : Brand awareness across PESO
  • domain-selection : Choix du domain (Brand/PMD/EMD, TLD) ; faire avant ou avec branding lors du choix du domain
  • domain-architecture : Domain structure implémente brand architecture (Branded House vs House of Brands)
  • rebranding-strategy : Exécution rebrand ; domain change, 301, announcement

Skills similaires