Foundations

Last updated on May 8, 2024

The new B.C. Design System is currently in active development. This guidance is published to help B.C. government teams get started aligning their services with the new look and feel of gov.bc.ca.

Guidance on layout, typography, colour and iconography.

Search the design system

D esign tokens

Design tokens provide a simple way to apply a standardised visual language, and make it easy to implement changes in the future.

Typography

Good typography maintains a clear hierarchy of information and structures content to help users understand and navigate it.

Colour

Consistent use of colour across B.C. government services helps maintain a coherent visual identity.

Layout and spacing

Proper spacing and proportion of UI components is important for usability.

Iconography

The design system uses a standardised set of open-source icons.

Create accessible web products

Digital services must meet the Web Content Accessibility Guidelines (WCAG) Level AA standard.

Did you find what you were looking for?

The B.C. Public Service acknowledges the territories of First Nations around B.C. and is grateful to carry out our work on these lands. We acknowledge the rights, interests, priorities, and concerns of all Indigenous Peoples - First Nations, Métis, and Inuit - respecting and acknowledging their distinct cultures, histories, rights, laws, and governments.