Colors

Primaries and grays controlled by the Global Swatch feature.
Primary 1
#3E68FF
Primary 2
#4DEC9F
Primary 3
#F54848
Dark
#000000
White
#FFFFFF
Borders
rgba(255,255,255,0.2)
Text Color
rgba(255,255,255,.8)
Box Backgrounds
rgba(255,255,255,.1)

Typography

Headings, body and other common text elements.
Display Heading

Heading One 3EM/1EM

Heading Two 2.4EM/1EM

Heading Three 2EM/1EM

Heading Four 1.8EM/1EM

Heading Five 1.5EM/1EM
Heading Six 1.2EM/1EM
Large Text    Large Link 1.2EM/1.1EM
Body Text    Body Link 1/EM/1.2EM
Small Text    Small Link 0.9EM/1EM
Fine Print Text    Fine Print Link 0.75EM/1EM

Buttons

Component, text style and size variations

Form Inputs

General style and state variations for text inputs.
Inputs
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Labelled Input
Input hint text
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Form Selectables

Styling for checkboxes, selects and radios.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Provide Feedback