Get startedFoundationsPatternsComponentsTokensContentGet support
Select your development framework to see all code in your development languages. You can change this in the top right of the screen.
Use the design system to build your service. Build on the research and experience of other service teams and avoid repeating work that’s already been done.
Get startedLearn about the latest release
Patterns
Common patterns and examples to use as a starting point for a government service.
View patterns
Components
Reusable parts of the user interface such as buttons, modals, notifications, and inputs.
View components
Design tokens
All of the styles within your service, shared across design and development.
View tokens
Content
Content guidelines to simplify understanding and communication for the user.
View content
Start by using the design system in your serviceUse the existing components and patterns in the design system to save time and build off of the current standard. Typically, these cover around 80% of your service's needs.Talk to the Design System team before creating a custom solution. This way you can see what’s available, what other teams have already done, and avoid repeating work.Learn more
If a component or pattern doesn’t exists in the design system or doesn’t meet the needs of your users, follow the process below:Design system workflow diagramView process for new components and patterns (Figjam)Avoid custom solutions without a genuine user need to prevent unnecessary work and save time.
 Additional resourcesCommon capabilities: Shared digital servicesA directory of reusable backend services designed to help you and your team work more efficiently and align to government infrastructure standards.Go to common capabilitiesUser Experience best practicesThese resources establish best practices to shape and guide the work of DDD user experience designers.Go to UX practice resources
Join design system drop in hours to get feedback on your service, propose new components or patterns, suggest changes to existing resources, ask questions, and give feedback to the design system. These sessions are for Government of Alberta product teams.
Book time in drop in hours
Get startedPatternsComponentsDesign tokensContentSubmit an issue#design-system-supportContribute to the design systemRoadmapRelease notes