Prototype with the Design System
Adobe XD
The design system components have been created in Adobe XD by a community member to use for mockups and prototyping. Download XD File
A Figma template is also being started here.
DevHub
beta
Topic
Design System
British Columbia Government Design System for Digital Services
Design System
Content
Content
Components
- About the Design System
- Accessibility
- Colour Palette
- Typography
- Icons
- Alert Banners
- Beta Status
- Header - Basic
- Footer - Basic
- Navigation Bar – Basic
- Forms
- Primary Button
- Secondary Button
- Disabled Button
- Links
- Callout
- Radio Button
- Checkbox
- Dropdown
- Text Input
- Textarea
- Designing for Different Browsers and Devices
- Component Backlog
- Propose a New Component
- Prototype with the Design System