GC Design System
Build modern, accessible, human government services people can use.
About usWelcome to your 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.
Patterns
Guidance on combining components to solve a problem and improve your service.
Start designing for government products and understand how words and interactions work together to create meaning.
Coming soon
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
Release notes
The latest additions.
Coming soon
What we're working on.
Featured component
Top navigation
A top navigation is a horizontal list of page links. Use a top navigation to help a person find their way around your web page or site.
Help us improve
Have questions? Something you'd change or you'd like to see? Share your feedback with us to help improve GC Design System.