Utilisation des couleurs de TELUS
La palette de TELUS combine des couleurs bien définies qui distinguent notre marque et créent un effet visuel durable.
Apprenez-en plus sur les profils de couleurs sur différents supports:
Apprenez comment utiliser les couleurs dans les expériences numériques.
Le site du TELUS Design System est uniquement en anglais.
La palette de TELUS
Le blanc est à la base de la palette et est traité comme la couleur dominante. Les accents mauves et verts rendent la marque unique et mémorable.
Violet TELUS
Utilisation : Titres, arrière-plan et contour des boutons de niveau secondaire, liens avec chevron.
Hex #4B286D
JS colorTelusPurple
Vert TELUS
Utilisation : Réservé aux éléments décoratifs (lorsque les couleurs n’ont pas besoin d’être accessibles).
Hex #66CC00
JS colorTelusGreen
Vert accessible TELUS
Utilisation : Arrière-plan et contour des boutons de premier niveau, liens texte.
Hex #2B8000
JS colorAccessibleGreen
Blanc
Utilisation : fonds, texte à l’envers
Hex #FFFFFF
JS colorWhite
La palette de gris
Les tons de gris servent surtout à la typographie secondaire et aux petits éléments graphiques.
Gris requin
Utilisation : sous-titres (H3, H4), corps de texte
Hex #2A2C2E
JS colorGreyShark
Gris navette
Utilisation: couleur pour les liens par défaut
Hex #54595F
JS colorGreyShuttle
Gris corbeau
Utilisation : bordure d'entrée de formulaire
Hex #71757B
JS colorGreyRaven
Gris gainsboro
Utilisation : diviseurs horizontaux, verticaux et ondulés
Hex #D8D8D8
JS colorGreyGainsboro
Athènes gris
Utilisation : fond d'état d'aide / désactivé
Hex #F7F7F8
JS colorGreyAthens