Get startedPatternsComponentsStylesContent
Resources for Government of Alberta product teams to build better services. Learn from the research and experience of other product teams and avoid repeating work that’s already been done.
Get startedLearn about the latest release
Patterns and templates
Common patterns and page templates to use as a starting point for a government service.
Components
Reusable parts of the user interface for content layout, feedback, alerts, inputs, actions, structure, navigation, and other utilities.
Styles
Shared design decisions encapsulated in design tokens to use across design and development.
Content
Use the design system styles within your service, shared across design and development.

How to use the design system in your service

  1. Start by using the design system resources and validate your product through user testing.
  2. If a component or pattern doesn’t exist in production or doesn’t meet the needs of your users, contact the design system team. We’ll discuss the issue to understand it better and decide on the next steps together.

Remember: Avoid custom solutions without a genuine user need. Leverage the existing resources from the design system first to prevent unnecessary work and iterate on your service faster.

Learn more about starting with the design system
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 startedPatternsComponentsStylesContentSubmit an issue#design-system-supportContribute to the design systemGive feedbackRelease notes