Design System
Government Digital Experience
Ministries developing or revising digital services and web pages must consider design features that affect the look and accessibility of their products.
The BC Government Design System for digital services promotes consistency and helps make your online service easy to understand and use. It provides a range of consistent user interface elements. These elements can be easily incorporated into online services. They include buttons, form fields, and navigation bars. Page designers can easily plug these elements into their work.
Design System guidelines also offer detailed specifications for design choices such as fonts, colours, links and selection buttons. They also provide invaluable guidance on issues such as types of browsers, devices and operating systems your online service must accommodate.
Whether your users are in-house staff or clients who receive your services online, the user interface elements and guides will help them reach their objectives accurately and efficiently. They will have higher satisfaction with fewer errors and less need for staff interaction.
Why should I use this
Ease of use
Elements in the Design System are designed to plug into web page design with little or no revisions needed. They will meet government design requirements and work as they are intended.
Staff efficiency
When staff use the Design System, they can easily plug tested components into screen designs, saving time and reducing errors.
Accessibility
Accessibility guidelines are built into the user interface elements ensuring that they will be suitable for clients and staff of varying abilities.
About this component
Price
Free
The community and Design System management team support the maintenance and development of new resources and tools. This means you can flag issues and they’ll be addressed, discuss rationale and directly chat with the management team whenever you need.Service level support
The system is built in GitHub and meant to be shared and improved by everyone. The code is open source and our work is in the open. We are transparent about how choices are made and tools are improved.Additional technical information
The system is only valuable if the community finds it valuable. If a tool or resource isn’t meeting your needs, tell us why and work with us to make it better.Requirements and restrictions
Getting started
The Design System is available for all government programs to use. Onboarding is entirely self-serve.
https://developer.gov.bc.ca/Design-System/About-the-Design-System