Direction artistique

Charte graphique

Une identité visuelle lumineuse, professionnelle et mémorable : le jaune attire l'attention, le bleu installe la confiance, le rouge marque l'énergie. Cette page sert de référence pour rester cohérent sur tout le site et les supports de communication.

Usage interneRéférence de marque

Palette

Couleurs de marque

Le jaune attire, le bleu structure et rassure, le rouge signale l'énergie et l'action. Les fonds restent clairs pour conserver de la respiration.

Jaune signature --color-orange

CTA, surlignages, éléments d'accent, badges.

Bleu confiance --color-blue

Titres forts, citations, sections premium.

Bleu profond --color-blue-strong

Sections sombres, contraste fort, footer.

Rouge action --color-red-bright

Accents ponctuels, notes, énergie ciblée.

Fond de page --color-cream

Respiration, lisibilité, rendu premium. S'inverse automatiquement en mode sombre.

Principes

Comment utiliser cette palette

Jaune = attirer et clarifier
Boutons principaux, mots mis en avant, éléments de conversion.

Bleu = crédibilité et structure
Zones de confiance, citations, héros, sections sombres, footer.

Rouge = énergie ciblée
À utiliser avec parcimonie pour créer du rythme et de l'intensité.

Fonds clairs = respiration
Pour éviter un univers trop lourd et garder un rendu premium.

Une couleur principale forte n'a pas besoin d'être partout. Elle a besoin d'être placée au bon endroit.

Direction artistique — by Nicolas Verdot

Typographie & boutons

Le système visuel

Une typographie nette et affirmée, des boutons ronds et des cartes structurées par des filets colorés.

Titres

Clairs, directs, sans jargon.

Les accroches partent de la situation vécue par le client, pas des méthodes.

Boutons

CTA principal Action secondaire

Cartes

Exemple

Carte de contenu

Une structure simple, respirante et lisible.

Autres composants

Le reste du système

Tags, étapes et FAQ : les mêmes briques réutilisées sur toutes les pages d'offres et de formations.

Texte + photo, et galerie

Deux blocs prêts à recevoir de vraies photos (séminaires, ateliers, facilitation graphique) dès qu'elles sont disponibles.

Texte + photo

Une image à côté d'un message clair.

Réutilise la grille .split déjà utilisée ailleurs sur le site, avec une vraie photo à la place de la citation. Idéal pour une preuve terrain, un portrait ou un moment d'atelier.