GC Design System
Build modern, accessible, human government services people can use.
About usStart using GC Design System
Design experiences
Visit our Figma library to explore design assets.
Start designing
Develop products
Install the component package.
Start developingA design system just for you
Take a look around.
Components
User interface building blocks address different user objectives.
Select reusable code for common components, paired with best practice advice, for the framework you're using.
Page templates
Reusable page layouts combine components into common page types.
Start your project with basic, pre-built pages that provide a consistent, recognizable Canada.ca experience.
Design tokens
Brand and design decisions built into code.
Learn how encoded decisions shape the design of government services for a consistent visual experience.
What's new
Featured components
Help us improve
Have questions or a request? Give feedback on our contact form.
Something's wrong? Raise it through GitHub with an