🎯 Intention


Pour faciliter le design et le dĂ©veloppement, ce standard prĂ©sente les nuances Ă  utiliser pour reprĂ©senter l’image de Captive pour le web et le mobile.

Ces nuances sont l’implĂ©mentations web/mobiles des couleurs de la “Marque Captive”

✅ Points clĂ©s


Capture d’écran 2022-10-01 à 19.18.47.png

Point clé Raison
🔘 Blue Grey reprĂ©sente le neutre
Exemple : le texte principal et le background il se rapproche du ‣ la couleur de marque
âšȘ White complĂšte les **neutres
Exemple :** le background, ou les texte des CTA
💗 Pink Vivid reprĂ©sente la couleur **primaire
Exemple :** les Call To Action C’est l’équivalent du jaune de amazon.fr, inspirĂ© du ‣ de la marque
đŸ””Â Light Blue Vivid est la couleur **d’accent
Exemple :** les liens ou Ă©lĂ©ments interactifs Les liens sont bleus depuis l’origine d’Internet, il vient du ‣ de la marque
🟱 Lime Green pour les messages **positifs
Exemple**: les notifications de confirmation
🟡 Yellow Vivid pour les **avertissements
Exemple:** Email non confirmé
🔮 Red Vivid pour les erreurs
Exemple: une erreur dans un formulaire
🟣 Purple pour les aides
Exemple: des messages de tutoriel
Tirer le ‣ si vous avez le sentiment qu’il manque une couleur On pourra la rajouter ou modifier le nuancier actuel

❌ Erreurs type Ă  Ă©viter


🧑‍🎓 Aller plus loin


â„č Ce standard est une implĂ©mentation de UI : La palette de couleurs d’une application

Nuances de couleurs Captive Digital

Implémentation CSS des couleurs