Palette de couleurs
Votre palette de couleurs définit la personnalité de chaque Espace vu par les acheteurs. Réglez-la correctement et vous n'y penserez plus jamais.
⚠️ Nécessite le rôle d'organisation Admin. Rendez-vous dans Settings → Branding → Color Palette.
La palette
Katalyz utilise une palette de 5 couleurs pour les Espaces :
Couleur | Où elle apparaît |
|---|---|
Primary | CTA principaux, état actif dans la navigation, éléments ancrés à la marque |
Secondary | CTA secondaires, accents, bordures |
Accent | Mises en avant, badges, pastilles de statut |
Background | Fond de la page de l'Espace |
Text | Couleur par défaut du corps de texte |
Comment choisir des couleurs qui fonctionnent
Reprenez-les de votre charte graphique. Si votre équipe marketing dispose d'une palette formelle, utilisez ces valeurs hexadécimales exactes. La cohérence prime sur la créativité ici.
Pas de charte graphique ? Choisissez :
- Primary — une couleur affirmée et distinctive que vous serez heureux de voir sur chaque CTA (souvent la couleur dominante de votre logo)
- Secondary — une seconde option complémentaire, généralement une teinte différente ou une nuance plus claire/plus foncée
- Accent — une couleur vive qui attire l'œil sur les indicateurs de statut et les badges
- Background — presque toujours du blanc ou un neutre proche du blanc pour les Espaces (#FFFFFF ou #F8F8F8)
- Text — gris très foncé ou noir pour la lisibilité (#111 ou #000)
Le contraste compte
Katalyz vérifie automatiquement le ratio de contraste entre votre couleur de texte et votre couleur de fond — et le signale si la combinaison est difficile à lire.
Visez :
- Conformité AA (4,5:1) pour le texte normal — lisible par la plupart des lecteurs
- Conformité AAA (7:1) pour les meilleures pratiques, surtout si votre audience comprend des acheteurs plus âgés ou des personnes malvoyantes
Si une vérification de contraste échoue, le sélecteur affiche un avertissement. Corrigez-le en ajustant la couleur du texte ou celle du fond.
Prévisualiser les modifications
À mesure que vous modifiez les couleurs, le reste de la page Branding se met à jour en direct — vous voyez votre palette appliquée à des éléments de démonstration. Pour un aperçu complet d'un Espace, ouvrez un Espace d'exemple.
Articles liés
Mis à jour le : 18/06/2026
Merci !