Démarrer
Que vous soyez à l’étape de la conception ou du codage, commencez à utiliser Système de Design GC.
Conception
Utilisez la bibliothèque de Système de design GC dans Figma pour créer des expériences frontales cohérentes et accessibles pour les outils et services du gouvernement du Canada. Nos composants sont conçus pour les sites statiques et les applications dynamiques.
La bibliothèque comprend :
- Composants accessibles
- Modèles de page de démarrage rapide
- Éléments de marque obligatoires pour Canada.ca
Fonctionnement
Système de design GC héberge ses composants dans Figma. Figma est un outil qui permet de créer des prototypes cliquables d’applications et de sites Web en utilisant la bibliothèque de Système de design GC.
Développement
- Que vous construisiez des pages HTML statiques ou des applications dynamiques faisant appel à un cadre JavaScript, Système de design GC peut vous aider. Simplifiez votre livraison numérique.
- Travaillez dans le cadre que vous souhaitez utiliser.
- Créez des expériences numériques reconnaissables et dignes de confiance du gouvernement du Canada.
- Construisez des produits qui
répondent aux normes d’accessibilité du GC ou qui les surpassent .
Fonctionnement
Système de design GC propose des composants Web réutilisables et personnalisables. Les composants sont autosuffisants, combinant leur propre HTML, CSS et JavaScript pour l’encapsulation et la réutilisation.
- Les composants sont agnostiques sur le plan technologique et peuvent être utilisés dans n’importe quel projet Web, quel que soit le cadre sous-jacent.
- Système de design GC utilise des
unités de style pour capturer les décisions de marque et de design dans le code pour des éléments de style comme les couleurs, la typographie et l’espacement. - Les changements y sont apportés dans le cadre de mises à jour uniques qui englobent les unités de style, les composants et les changements non rétrocompatibles.
- Système de design GC est indépendant de la Boîte à outils de l’expérience Web (BOEW) et de GCWeb.