Colors
Primaries and grays controlled by the Global Swatch feature.
Primary 1
#3E68FF
#3E68FF
Primary 2
#4DEC9F
#4DEC9F
Primary 3
#F54848
#F54848
Dark
#000000
#000000
White
#FFFFFF
#FFFFFF
Borders
rgba(255,255,255,0.2)
rgba(255,255,255,0.2)
Text Color
rgba(255,255,255,.8)
rgba(255,255,255,.8)
Box Backgrounds
rgba(255,255,255,.1)
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
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.
