Style guide
Colors
Primary background
Secondary background
Tertiary background
Content color
Subheading desktop color
White color
Black color
CTA
Links
Example image animation
Typography
H1 Chalet Desktop: 90px/0.97 Mobile: 45px/1.04 Tag/class name: h1, .h1
Desktop: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aspernatur earum facere libero magnam natus suscipit tenetur.
Mobile: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aspernatur earum facere libero magnam natus suscipit tenetur.
H2 Chalet Desktop: 70px/0.97 Mobile: 35px/1 Tag/class name: h2, .h2
Desktop: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aspernatur earum facere libero magnam natus suscipit tenetur.
Mobile: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aspernatur earum facere libero magnam natus suscipit tenetur.
H3 Chalet Desktop: 50px/1.19 Mobile: 25px/1.16 Tag/class name: h3, .h3
Desktop: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aspernatur earum facere libero magnam natus suscipit tenetur.
Mobile: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aspernatur earum facere libero magnam natus suscipit tenetur.
H4 Chalet Desktop: 40px/1.19 Mobile: 25px/1.19 Tag/class name: h3, .h3
Desktop: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aspernatur earum facere libero magnam natus suscipit tenetur.
Mobile: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aspernatur earum facere libero magnam natus suscipit tenetur.
H5 Chalet Desktop: 30px/1.19 Mobile: 20px/1.19 Tag/class name: h5, .h5
Desktop: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aspernatur earum facere libero magnam natus suscipit tenetur.
Mobile: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aspernatur earum facere libero magnam natus suscipit tenetur.
.subheading-1 Courier Desktop: 30px/1.13 Mobile: 14/1.15 Tag/class name: .subheading-1
Feel good clothing
Feel good clothing
.subheading-2 Courier Desktop: 20px/1.15 Mobile: 16px/1.31 Tag/class name: .subheading-2
Feel good clothing
Feel good clothing
.subheading-3 Courier Desktop: 14px/1.33 Mobile: 14px/1.33 Tag/class name: .subheading-3
Feel good clothing
Feel good clothing
.body-xl Courier Desktop: 24px/1.45 Mobile: 18px/1.33 Tag/class name: body-xl
Feel good clothing
Feel good clothing
.body-l Courier Desktop: 20px/1.4 Mobile: 16px/1.31 Tag/class name: .body-l
Feel good clothing
Feel good clothing
.body-m Courier Desktop: 16px/1.75 Mobile: 14px/1.42 Tag/class name: .body-m
Feel good clothing
Feel good clothing
.body-s Courier Desktop: 14px/2.5 Mobile: 12px/1.33 Tag/class name: .body-s
Feel good clothing
Feel good clothing
.body-xs Courier Desktop: 12px/1.5 Mobile: 11px/1.36 Tag/class name: .body-xs
Feel good clothing
Feel good clothing
.outline-1 Chalet Desktop: 320px/0.86 Mobile: 120px/0.86 Tag/class name: .outline-1
outline 320
outline 120
.outline-2 Chalet Desktop: 150px/0.86 Mobile: 65px/0.86 Tag/class name: .outline-2
outline 150
outline 65
.outline-3 Chalet Desktop: 120px/0.86 Mobile: 50px/0.86 Tag/class name: .outline-3
outline 120
outline 50
.outline-4 Chalet Desktop: 85px/0.87 Mobile: 85px/0.87 Tag/class name: .outline-4
OUTLINE 85
OUTLINE 85
.outline-5 Chalet Desktop: 65px/0.86 Mobile: 65px/0.86 Tag/class name: .outline-5
outline 65
outline 65
.ticker Courier Desktop: 24px/0.95 Mobile: 16px/1 Tag/class name: .ticker
ticker
ticker
.vertical Courier Desktop: 30px/0.95 Mobile: 18px/1 Tag/class name: .ticker
vertical
vertical
.product-title Courier Desktop: 18px/0.95 Mobile: 18px/1 Tag/class name: .product-title
product-title
product-title
.product-title Courier Desktop: 18px/0.95 Mobile: 18px/1 Tag/class name: .product-title
product-title
product-title
.cta-text Chalet Desktop: 16px/1.5 Mobile: 14px/1.36 Tag/class name: .cta-text
cta text
cta text
.product-badge Courier Desktop: 14px/1.14 Mobile: 14px/1.14 Tag/class name: .product-badge
product badge
product badge
.body-copy-link Courier Desktop: 12px/1.5 Mobile: 12px/1.5 Tag/class name: .body-copy-link
View Full Ingredients
View Full Ingredients