Skip to main content
UI.S

Aurora (Government of Canada)

by Government of Canada

Central design guide for digital collaboration products

Visit site ↗

Philosophy

We created Aurora design system to standardize the visual language and user experience of the Digital Enablement Division’s online applications and tools. Aurora was built by a multi-disciplinary team of developers, designers, UX researchers, writers and data scientists. Combining the expertise of all of these roles allowed us to create a design system with a wide range of elements. Work for Aurora was done entirely in the open. We wanted to keep the spirit of government, while providing the quality and fun seen in the private sector. Using Aurora is complementary to the Web Experience Toolkit (WET), Canada.ca Style Guide, the Federal Identity Policy (FiP) and WCAG 2.1. Aurora is available for anyone who wants to use it!

Principles

  • Bilingual by default
  • Accessible to all Canadians
  • Consistent government brand
  • Mobile-first

Components

Avatars And ThumbnailsBack To TopBadgesBreadcrumbsButton InputsButtonsCardsColourDivider RuleErrors And ValidationFile UploadGrids And SpacingIconsLinksOverall Design And LabelsPagination ScrollingProgress IndicatorsSearchSystem MessagingText InputsTooltips

Details

Platforms
web
Tech
react
Features
tokensa11yiconsanimation
Last updated