Système de design GC
Système de design GC Démarrer Aperçu des modèles de pagePage de base Aperçu des composantsAlerteAvisBarre de navigation latéraleBarre de navigation supérieureBascule de langueBoutonBoutons radioCarteCases à cocherChamp de dateChamp de saisieChemin de navigationConteneurDate de modificationDétailsEn-têteGrilleIcôneIndicateur d'étapeJeu de champsLienMasquage accessibleMenu thématiqueMessage d'erreurPaginationPied de pageRechercheRésumé des erreursSélectionSignatureTableauTéléverseur de fichiersTexteTitreZone de texte Aperçu des raccourcis CSS Réinitialisation des styles Mise en page réactiveÉtat Dimensionnement de la boîteDimensionnement du conteneurAffichageDébordementPositionVisibilité PoliceFamille de policeTaille de policeStyle de policeÉpaisseur de policeHauteur de ligneCouleur de lienTaille de lienDécoration de texte de lienStyle de listeAlignement de texteCouleur de texteDébordement de texteTransformation de texteSaut de mot MargeMarge intérieure Alignement de contenuAlignement des élémentsAlignement individuelÉlément flexibleDirection de l’élément flexibleÉlargissement de l’élément flexibleRétrécissement de l’élément flexibleHabillage de l’élément flexibleDégagementColonnes de grilleLignes de grilleJustification de contenuJustification des élémentsJustification individuelleOrdreAgencement de contenuAgencement des élémentsAgencement individuel Couleur de l'arrière-planCouleur de la bordureRayon de la bordureStyle de la bordureLargeur de la bordure Noms des icônesTaille de l'icôneImage CurseurÉvénements de pointeurTransition Aperçu des stylesUnités de styleCouleurEspacementTypographie Nous contacterS'impliquerTrouvez une démo

À propos de Système de design GC

Système de design GC offre des blocs de base ainsi qu’un langage de conception qui vous aide à concevoir une expérience familière et digne de confiance pour les personnes utilisant vos services. Les composants et les unités de style assurent une image de marque et des expériences conformes aux normes du gouvernement du Canada, quel que soit votre environnement de développement. Vous trouverez le code, les ressources de design et la documentation en un seul endroit.

Stable et prêt pour la production

Nous accordons la priorité aux composants et aux configurations utiles à la plupart des équipes du GC. Nous testons actuellement la version alpha de Système de design GC, ce qui correspond à la première version utilisable d’un produit. Utilisez le système de design pour entamer la création d’un site Web ou d’une application et aidez-nous à l’améliorer pour les fonctionnaires. Ce système de design est conçu pour le long terme. Une équipe dédiée au Service numérique canadien cse charge de son développement et de sa maintenance, en consultation avec le Bureau de l’expérience Canada.ca. De plus en plus d’équipes derrière les services numériques fédéraux contribuent également de façon précieuse.

La place de Système de design GC parmi les autres systèmes de conception

Système de design GC s’inscrit à côté des autres systèmes de conception traditionnellement utilisés au gouvernement. Les équipes peuvent continuer à utiliser les systèmes existants pendant que nous envisageons une approche plus unifiée. Elles peuvent aussi créer des systèmes de design locaux à partir de Système de design GC pour répondre à leurs besoins, ce qui permet de maintenir une apparence et une expérience uniformes. Nous partageons ouvertement notre feuille de route pour vous aider à planifier l’adoption de Système de design GC en fonction de vos propres échéanciers et besoins.

Communauté et soutien

  • Consultez notre page s’impliquer pour savoir sur quoi nous travaillons et comment vous pouvez y contribuer.
  • Visitez notre référentiel GitHub pour signaler un problème ou faire une suggestion.
  • Découvrez comment certaines équipes utilisent Système de design GC à travers le gouvernement.

Des résultats plus rapides avec Système de design GC

Système de design GC vous aide à livrer plus rapidement vos produits dans l’infrastructure de votre choix. Cet outil vous permet de réduire le volume de tâches manuelles et répétitives et de répondre aux exigences du gouvernement du Canada en matière de prestation de services numérique, d’accessibilité et de communication. Utilisez Système de design GC pour offrir des expériences :
  • Reconnaissables;
  • Prévisibles;
  • Accessibles.

Des expériences reconnaissables : des sites Web du GC faciles à reconnaître et inspirant confiance

Nos composants et styles Web vous offrent :
  • Un respect par défaut des normes fédérales et des bonnes pratiques d’utilisabilité;
  • Un même résultat final, peu importe l’infrastructure ou l’environnement que vous utilisez;
  • Des options réutilisables qui éliminent des tâches de codage et de redéfinition des valeurs; les unités de style réduisent les mises à jour manuelles.

Des expériences prévisibles : des interactions conçues pour favoriser la réussite des tâches

Nous avons combiné code, conception et conseils pour vous fournir :
  • Tous les éléments de base pour créer l’expérience de service numérique bilingue et équitable à laquelle les Canadiens et Canadiennes s’attendent;
  • La flexibilité d’ajuster les composants pour répondre aux besoins d’utilisabilité propres à votre situation;
  • Des ressources Figma permettant de créer rapidement des prototypes haute fidélité pour un passage fluide à la phase de production.

Des expériences accessibles : l’accessibilité comme priorité

  • Des éléments de conception et de code intégrant l’accessibilité dès le départ;
  • Des conseils sur les plans cognitif et physique, notamment sur le codage, la clarification des demandes et la communication des erreurs;
  • Des tests et audits continus en matière d’accessibilité auprès de personnes utilisant des technologies d’assistance ainsi que des tests automatisés.
2026-09-02