Skip to content

Style Guide

Style Guide

Color

PRIMARY COLOR

Cardinal
#EA3F37

component backgrounds, primary-button background

Cream
#FBECDD

component backgrounds, secondary-button background

Eventide
#00031E

font color

Charcoal
#1E1E1E

font color

White
#FFFFFF

component backgrounds

Typography

DESKTOP SPECIFIC TYPE SIZES

H1 Headline

H2 Headline Class: big-title

H2 Headline

H3 Headline

H4 Headline

DESKTOP SPECIFIC TYPE SIZES

H5 Headline
H6 Headline

Body 16 Class: font-bold

Body 16 Class: font-semiBold

Body 16 Class: font-medium

Body 16 Class: big-text

Body 16

TEXT ALIGNMENT

Text Left

Text Center Class: center

Text Right Class: right

Buttons

PRIMARY BUTTON

Class: button button--primary

normal state

hover state

SECONDARY BUTTON

Class: button button--secondary

normal state

hover state

DISABLED BUTTON

Class: disabled

normal state

hover state

normal state

hover state

Input

INPUTS & VARIETIES

* indicates required

Error Email is invalid
Include "http://" or "https://" in the URL
Choose a radio button*
Choose an option*

Cart

Your cart is empty

Continue shopping