Système de design GC Composants Installation Contactez-nous S'impliquer

Système de design GC

Créez des services gouvernementaux modernes accessibles et humains destinés au public.

À propos

Commencez à utiliser Système de design GC

Un système de design rien que pour vous

Explorez notre outil de conception. Donnez-nous votre avis.

  • Composants

    Les blocs de construction de l'interface utilisateur servent différents objectifs.

    Sélectionnez du code réutilisable pour les composants courants et obtenez des conseils relatifs aux meilleures pratiques pour l'infrastructure que vous utilisez.

    Découvrez les composants
  • Modèles de page

    Les mises en page réutilisables sont des agencements de composants propres à des types de page communs.

    Entamez votre projet à l’aide de pages de base préfabriquées pour offrir une expérience Canada.ca uniforme et reconnaissable.

    Développement en cours

  • Unités de style

    Des décisions en matière d'image de marque et de conception directement intégrées dans le code.

    Découvrez comment les décisions encodées façonnent la conception des services offerts par le gouvernement du Canada et permettent d'offrir une expérience visuelle uniforme.

    Découvrez les unités de style
  • Nouveautés

  • S'impliquer

    Découvrez ce sur quoi nous travaillons.

  • Notes de publication

    Les derniers ajouts.

  • Composant vedette

    Carte

    La carte est un encadré contenant du contenu structuré et pratique sur un sujet unique.

    Le composant Carte montre un encadré contenant une image rectangulaire dans la moitié supérieure. Juste en dessous se trouve une barre bleue rectangulaire occupant les trois quarts de la largeur de l'encadré et représentant le titre de la carte. Encore en dessous, deux barres grises plus longues l'une au-dessus de l'autre représentent respectivement la zone consacrée au contexte et la zone consacrée aux métadonnées. En savoir plus sur la carte

    Champ de date

    Le champ de date est un espace permettant de saisir une date connue.

    Des lignes grises épaisses représentent la légende et le texte explicatif. En dessous, trois cases blanches à fine bordure grise sont alignées horizontalement : une petite case représentant le champ de texte pour le jour, une case contenant une ligne grise et une flèche grise et représentant le champ de sélection du mois, puis une petite case représentant le champ de texte pour l’année. En savoir plus sur le champ de date

    Aidez-nous à nous améliorer

    Avez-vous des questions? Y a-t-il quelque chose que vous changeriez ou ajouteriez? Faites-nous part de vos commentaires pour nous aider à améliorer Système de design GC.

    Fournir des commentaires
    2024-10-17