Système de design GC Composants Installation Modèles de page Contactez-nous Impliquez-vous Trouvez une démo Système de design GC Composants

Signature
<gcds-signature>

Autres noms : mot-symbole.

La signature est l’image de marque du gouvernement du Canada placée dans l’en-tête ou le pied de la page.

Aperçu du composant de la signature

Structure de la signature

  1. La signature du gouvernement du Canada est l'identificateur de l'image de marque placée dans l'en-tête du site. La signature sert de lien général vers la page d'accueil du site.
  2. Le mot-symbole « Canada » est l'identificateur de l'image de marque placé dans le pied de page du site. Il renforce l'image de marque en informant les visiteur·rice·s du site que le contenu qui leur est présenté provient du gouvernement du Canada.
structure de la signature montrant les étiquettes 1 (signature du gouvernement du Canada) et 2 (mot-symbole « Canada »)

Design et accessibilité de la signature

Établir l'ordre des langues dans la signature

Affichez d'abord la signature en français sur les pages en français. De même, insérez d'abord la signature en anglais sur les pages en anglais.

Remarque : L'image contient un lien hypertexte qui mène à la page d'accueil Canada.ca dans la même langue officielle que la page actuelle.

Utilisez des couleurs non standard de manière accessible

Une image représentant les deux versions de la signature. La signature se trouve à gauche et le mot-symbole est placé à droite.

Le style de couleur standard utilise un texte noir et un drapeau rouge sur fond blanc.

Une image représentant les deux versions de la signature. La signature se trouve à gauche et le mot-symbole est placé à droite. Cette version utilise du texte blanc sur un fond noir.

Le style de couleur inversé utilise un texte blanc et un drapeau rouge sur fond noir.

Une image présentant deux combinaisons de signature et de mot-symbole. Dans un cas, la signature et le mot-symbole sont noirs sur fond blanc. Dans l'autre cas, la signature et le mot-symbole sont blancs sur fond noir.

Le style noir et blanc utilise un fond soit entièrement noir, soit entièrement blanc. Le style entièrement noir est le plus fréquemment employé.

Une image montrant la signature et le mot-symbole en violet foncé sur un fond violet pâle. Des barres et des cases simulent du texte et des images sur une page web fictive. Les cases de texte et d'images sont également violet foncé.

Le style couleur unique utilise une couleur autre que le noir ou le blanc si uniquement cette couleur est utilisée pour le produit.

Aidez-nous à nous améliorer

Vous avez des questions ou des demandes? Faites-nous part de vos commentaires à l'aide de notre formulaire de contact.

Quelque chose ne va pas? Signalez-le sur GitHub en créant un compte. Vous pourrez accéder aux réponses de l'équipe, suivre les progrès réalisés concernant votre problèmes et voir les problèmes signalés par d'autres personnes.

Fournir des commentaires Report an issue on GitHub
2025-03-10