Colors

Primaries and grays controlled by the Global Swatch feature.
Primary 1
#6E30E8
Primary 2
#2A2D33
Primary 3
#C9971A
Shade 1
#CCC5F5
Shade 2
#A57865
Dark
#2E2F2F
Grey
#DEDFE3
Light Yellow
#DEDFE3

Typography

Headings, body and other common text elements.
Display

Heading One

Large Heading

Heading Two

Medium Heading

Heading Three

Heading Four

Heading Five
Heading Six
Body Text    Body Link
Small Text    Small Link
Fine Print Text    Fine Print Link    Fine Print Serif
handwriting text
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Buttons

Component, text style and size variations
Default
Small
Color Variations
Primary 1
Primary 2
Grey Border
Media Buttons
Play

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 here
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text Area
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.

Icons

You know ‘em, you love ‘em. Little pictures that help out in various ways.
Interface
Social
Decorative (iOS Glyph via Icons8)