Colors

Primaries and grays controlled by the Global Swatch feature.

Primary
#7F8567

Primary Dark
#393C2D

Primary Light
#EFF1E5

Dark / Text
#343434

White
#FFFFFF

Grey (Borders)
#E0E0E0

Typography

Headings, body and other common text elements.

Heading One

Heading Two

Heading Three

Heading Four

Heading Five

Heading Six

Large Text Large Link

Body Text Body Link

Small Text Small Link

Fine Print Text Fine Print Link

Uppercase Text

“Quote Text”

Buttons

Component, text style and size variations

Button

Colors

Sizes

Default

Small

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.

Your Cart

Style Guide

Colors

Typography

Heading One

Heading Two

Heading Three

Heading Four

Heading Five

Heading Six

Buttons

Colors

Sizes

Form Inputs

Inputs

Labelled Input

Text Area

Form Selectables

Icons

Interface

Decorative

Social

Style Guide

Colors

Typography

Heading One

Heading Two

Heading Three

Heading Four

Heading Five

Heading Six

Buttons

Colors

Sizes

Form Inputs

Inputs

Labelled Input

Text Area

Form Selectables

Icons

Interface

Decorative

Social

Subscribe for stories and new product announcements.