Typography
Fonts
Aa Zz
Cooper Lt BT
Aa Zz
Neue Hass Grotesk Text Pro
Heading/Paragraph Styles
Heading 1
Heading 2
Heading 3
Heading 4
P1: Used for most text paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Inline link. Italic text. Bold text. In facilisis dolor in risus condimentum euismod. Integer dictum consectetur feugiat. Nullam mauris lacus, tincidunt id ligula sit amet, imperdiet congue dolor.
P2: Used for secondary paragraph text, such as the date in event cards. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Inline link. Italic text. Bold text. In facilisis dolor in risus condimentum euismod. Integer dictum consectetur feugiat. Nullam mauris lacus, tincidunt id ligula sit amet, imperdiet congue dolor.
Lists
- One
- Two
- Three
- One
- Two
- Three
Color Palette
Primary Colors
Macmillan Red
#F57054
Orange
#FFCC7F
Blue
#B6D7E8
Green
#E6F1DD
Dark Gray
#656565
Blue Gray
#F5F7F8
Light Gray
#E1E1E1
Error Red
#DE300D
Patterns & Dividers
Light Gray Border
Dark Gray Border
Light Gray Divider
Dark Gray Divider
Button & UI Elements
Primary Button
Primary LinkPrimary Button - Book Details
Primary Book LinkSecondary Button
Secondary LinkSocial Media Set
Forms
Text Input
This field is required.
This field is required.
Select Input
Country is required.
Country is required.
Country is required.
Country is required.
Checkbox
Radio Button
Style guide anchor
Your Cart
2 items in your order