UX design system

Welcome to the UX design system

A design system is a collection of components and guidelines to help create a consistent online experience. The WorkSafeBC UX design system is the hub to find tools and information to help you create products that reflect our WorkSafeBC experience.

It’s important to create consistency for our users across our digital products and our UX design system helps you achieve that. Our UX design system makes it easier for designers to collaborate with developers, creating efficiencies to design at scale.

Through clear documentation that provides usage rules, guidelines, and examples, you can think of a design system as the “recipe book” for making web applications.

Who is the design system for?
  • UX/UI designers
    Design interactive prototypes at scale with common patterns and reusable design blocks
  • Developers
    Develop quicker with ready-made components and configurable templates
  • Product owners
    Visualize the ecosystem of available resources to create efficiencies for your team
  • Experience advisors
    Support the teams in creating consistent online experiences that meet our stakeholder and employee experience goals.

Design and development toolkit

Content and digital communications

Research and insights

Frameworks and libraries