Brand colors
Our primary color palette is used for major UI visuals and controls
- @primary
- @secondary
- @tertiary
Notice colors
These colors are used when displaying various notifications
- @info
- @success
- @warning
Grayscale
This muted palette is used for complementary visual structure
- @white
- @lightestGray
- @lighterGray
- @lightGray
- @gray
- @darkGray
- @darkerGray
- @darkestGray
- @black
Breakpoints
These represent the minimum breakpoint widths
| 1 | Mobile Portrait | @mobilePortraitWidth | |
|---|---|---|---|
| 2 | Mobile Landscape | @mobileLandscapeWidth | |
| 3 | Tablet Portrait | @tabletPortraitWidth | |
| 4 | Desktop Small | @desktopSmallWidth | |
| 5 | Desktop Medium | @desktopMediumWidth | |
| 6 | Desktop Large | @desktopLargeWidth |