Communications numériques gouvernementales Beta

Système de design gouvernemental

Couleurs

Couleur principale

La couleur principale domine dans les interfaces.

Bleu PIV est utilisé pour le bandeau d’en-tête, les boutons et les liens.

Bleu piv
#095797

Couleurs d'accent

Les couleurs d’accent sont utilisées avec parcimonie pour mettre en évidence quelques éléments de l’interface.

Rose est utilisé sous les H1 dans les pages de thèmes et pour leur navigation.

Bleu est utilisé sous les H1 dans les pages hors-thème (par exemple, dans la section Gouvernement) et pour leur navigation. Il est aussi utilisé dans les bannières de phase.

Rose
#f09686

Bleu
#1479cc

Couleurs secondaires

Les couleurs secondaires sont utilisées pour la mise en page des contenus et pour organiser l’information.

Bleu pâle est utilisé dans les avis importants.

Gris pâle est utilisé pour mettre des éléments d’une page en valeur (par exemple, un module de vidéo ou une infolettre).

Bleu foncé est utilisé pour l’ensemble des contenus textuels de Québec.ca. Il se trouve aussi dans le pied de page, en bandeau de page dans certaines sections et dans les filets séparateurs principaux.

Gris est utilisé pour les filets secondaires (par exemple, dans les blocs de contenus complémentaires).

Bleu pâle
#dae6f0

Gris pâle
#f2f1f1

Bleu foncé
#223654

Gris
#c5cad2

Couleurs fonctionnelles

Les couleurs fonctionnelles sont utilisées pour des validations de tâches et dans les formulaires.

Rouge est utilisé dans les messages d’erreur et les indications de champs obligatoires.

Vert est utilisé dans les messages de confirmation et de validation.

Rouge
#cb381f

Vert
#4f813d

Dernière mise à jour : 13 décembre 2019