Style guide

Colors

Primaries, feedback colors and gray shades

Primary
Primary 2
Primary 3
Primary 4
Dark Grey
Dim Grey
Light Grey
Feint Grey
White
Typography

Headings, body text, links and other common text elements

Heading one

Heading two

Heading three

Heading four

Heading five
Heading six
Heading six - small
Large text
Large link
Body text
Body link
Body text
Body text
Body text
Small text
Small link
Tiny text
Tiny link
Small uppercase text
Buttons

Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more

Sizes
Small
Standard
Large
Variations
Filled
Outline
Forms

Size and state variations for text inputs

Form input
Select
>
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Badges

Combine with other components to display metadata

Badge text
Colors
Primary
Primary 2
Primary 3
Primary 4
Shadows

Preset shadow utilities to imply varying levels of depth

Small
Medium
Large