These design guidelines explain how we approach the design elements of our interface. This includes principles and usages of basic design components and UI patterns.

Design Library

For design work, use the Figma component library which includes all text styles, components, complete color palette, and proper box shadows as implemented in the React library. Any changes to the master components are reflected through all instances of that component throughout your designs.

To use the library, make a copy into your workspace and create a new page for your designs. All components are accessible through the "Assets" tab as you design on any page.

Refer to the pages on the left for complete design guidelines.