A different approach
Design systems are often created as a single monolithic package. All parts, whether desired or not, come as a whole and the entire system is a dependency of the parent project.
In contrast, the State of California’s Design System is a collection of independent components. With web components as the base, they’re less likely to cause dependency issues or CSS conflicts. This means you can choose which ones you need.
The independent components are also themeable. We use CSS variables with default values as design tokens.
Use your preferred framework, or none at all
How to contribute
Right now, the Design System components are in use on pilot sites like:
There’s still a lot of work ahead to develop and refine the components, but we cannot do it in a vacuum. We need feedback from anyone that comes in contact with the components.
Some things we want to include in our next phase are:
- Installation instructions for specific frameworks like WordPress and .NET
- More functionality tests
- More robust accessibility testing
- Standardized file names across components
Learn how to contribute or tell us your ideas.
The Design System components are individual packages that you can download. Each component has README instructions for how to install it.
- Browse the components gallery.
- Choose the component you want.
- Follow the README instructions to install.