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