Colors

Primaries and grays controlled by the Global Swatch feature.

Primary 1
#EE4E34

Primary 2
#320D6D

Primary 3
#FCD757

Shade 1
#BAF3EC

Shade 2
#FCEDDA

Dark
#2E2F2F

Grey
#E4E4E4

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

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

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.

Style Guide

Your complete design toolkit

Colors

Typography

Heading One

Heading Two

Heading Three

Heading Four

Heading Five

Heading Six

Buttons

Color Variations

Media Buttons

Form Inputs

Inputs

Labelled Input

Text Area

Form Selectables

Icons

Interface

Social

Decorative (iOS Glyph via Icons8)

Product Tours

Product Details

Company

Account

Template