TEMPLATEBranding

Visual Identity Mood Board

Direction visuelle : références couleur, typographies, photographie, textures, animation.

Toutes les ressources 2 min de lecture

Visual Identity Mood Board

Support d'alignement avant toute production. On valide un territoire visuel, pas des goûts personnels.

1. Intention

  • Émotion visée en 3 mots :
  • Ce que la marque ne doit surtout pas évoquer :
  • Références externes admirées (hors secteur) :

2. Références couleur

| Référence | Source | HEX dominants | Ce qu'on en garde | | --- | --- | --- | --- | | 1 | | | | | 2 | | | | | 3 | | | |

Palette retenue : base / accent / neutres, avec ratio d'usage.

3. Typographies en situation

  • Titre testé en 1 mot, 3 mots et 6 mots
  • Corps testé sur un paragraphe réel de la marque
  • Test mobile obligatoire : lisible à 375 px de large ?

| Combinaison | Titre | Corps | Verdict | | --- | --- | --- | --- | | A | Anton | Archivo | | | B | | | |

4. Style photographique

  • Lumière : dure / douce / mixte
  • Décors : intérieur brut, rue, atelier, studio fond uni
  • Présence humaine : visages, mains, silhouettes
  • Post-traitement : grain, désaturation, contraste

Rassemblez 10 à 15 images de référence, annotées « on garde / on écarte ».

5. Textures & motifs

  • Papier, béton, métal brossé, verre
  • Grain argentique fin
  • Trames et quadrillages discrets
  • Interdits : dégradés multicolores, effets néon saturés

6. Style d'icônes

  • Linéaire 1,5 px, angles nets, sans remplissage
  • Taille de base 24 px, grille de 4 px
  • Jamais deux familles d'icônes mélangées

7. Principes d'animation

| Élément | Mouvement | Durée | Courbe | | --- | --- | --- | --- | | Apparition de bloc | Fondu + 12 px vers le haut | 400 ms | ease-out | | Survol de carte | Élévation légère | 200 ms | ease | | Transition de page | Fondu | 300 ms | ease-in-out |

Règle : le mouvement souligne, il ne décore pas. Aucun effet supérieur à 600 ms.

8. Applications d'exemple

  • [ ] Post carré 1:1
  • [ ] Story 9:16
  • [ ] Bannière site
  • [ ] Carte de visite
  • [ ] Signature email
  • [ ] Devis / document PDF

9. Validation

  • [ ] Le client identifie la marque sans voir le logo
  • [ ] La direction fonctionne en noir et blanc
  • [ ] Elle reste lisible sur mobile
  • [ ] Elle est reproductible avec les moyens du client

Besoin d'aller plus loin ? Découvre nos services ou nos projets.

Prêt à faire grandir ta marque ?

Parlons de ton projet.

Réservez un appel découverte gratuit et construisons ensemble votre succès.

Prendre rendez-vous