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:

Accéder aux normes de couleurs pour la marque

Apprenez comment utiliser les couleurs dans les expériences numériques.

Le site du TELUS Design System est uniquement en anglais.

Accéder au système de conception de TELUS

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