Style Guide
Use this guide to see common components at a glance.
Colors
Primaries and Grays.
Primary 1
Primary 2
Primary 3
Primary 4
Primary 5
Text Color
Gray
White
Typography
Headings, body and other common text elements.
Display One
Display Two
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Large Text
Large Link
Body Text
Body Link
Small Text
Small Link
uppercase text
uppercase text small
Icons - Interface
Common interface iconography
Icons - Social
Common social network icons
Buttons
Component, text style and size variations
Standard
Small
Large
Outline
Icon
Form Inputs
Size and state variations for text inputs
Input Label
Checkbox Label
Radio Label
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Badges
Combine with other components to display metadata
badge standard
badge small
Decorations
Combine with other components to display metadata
And, what do your users think?
Request more info