Style Guide
Color
Brand Colors
Color Primary
$color-primary / $color-accent-1
Color Primary Light
$color-primary-light
Color Primary Lighter
$color-primary-lighter
Color Secondary
$color-accent-2 / $color-secondary
Utility Colors
Color Warning
Color Warning Light
Color Success
Color Success Light
Gray Scale
Gray 1000
Gray 900
Gray 800
Gray 700
Gray 600
Gray 500
Gray 400
Gray 300
Gray 200
Gray 100
Backgrounds
color-background-1
color-background-2
color-inverse
color-accent-1
color-accent-2
Arrow Animation
Typography
Fonts
Gotham Screen Smart
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
01234567890 !@$%”?,&
$heading-font-stack / $body-font-stack
"HCo Gotham SSm", "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Futura, sans-serif
Source Sans Pro
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
01234567890 !@$%”?,&
$rte-font-stack
"Source Sans Pro", Arial, sans-serif
Type Sizing
font size 1000
font size 900
font size 800
font size 700
font size 600
font size 500
font size 400
font size 300
font size 200
font size 100
font size 75
font size 25
H0 Header style
H1 Header style
H2 Header style
H3 Header style
H4 Header style
H5 Header style
H6 Header Style
paragraph: Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
paragraph p-large: Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
Link inside body copy, text Default. should look like this
Anchor TagAnchor Tag
Link
Link With Icon
blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
- XXXXXX
caption
caption with letter spacing
Theming
background-1
paragraph: Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
Linkbackground-2
paragraph: Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
Linkaccent-1
paragraph: Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
Linkaccent-2
paragraph: Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
Linkinverse
paragraph: Tufulio's mount waterman chinese downhill. Paradise paradise sitzmark lifts white pass kitzbühel silver mountain glen plake. Winter park badger pass scott jay peak tree well silver mountain tuck it apres ski mount shasta baker mountain powder stash chinese downhill. Boreal rambo koflach grand targhee snowbasin sun valley the cliff.
LinkForms
Form Alert Messaging
Iconography
Social Icons
General Icons
- Liquid error (sections/style-guide line 505): Could not find asset snippets/icon-cart-empty.liquid
Container & Spacing
Page Width
.page-width
Spaced Section
.spaced-section