Getting Started

Design

This design system is in its beginning stages and there is still a lot of work to be done!

Use the following guidelines to make consistent and usable product designs:

Foundations: Foundational elements of the design language, including colors, type, and grid.
Components: Building blocks used to simplify the process of building on-brand interfaces.
Patterns: Conventions, docs, and examples to help construct reusable design patterns.

Note that we do not yet have an official design system for Figma.

This design system is built with a CSS library, which you can find in this project's repository.

For now, we simply replicate this CSS in each of our products, but our goal is to create one central CSS library that each product can consume.

We use a utility-based class system, similar to the Tailwind CSS approach.

For the full changelog, see the commit history for this project's Gitlab repo.

More questions? Reach out to the main designer on this project, Jordan Bowman.