Theme Style Guide

Use this page to customize your theme and see a live preview of how these elements will look across the site.

Layout


max-width is set to 1310px

screen is currently px wide

Typography



The quick brown fox jumps over the lazy dog.


The quick brown fox jumps over the lazy dog.


Overline

H1 Header

H2 Header

H3 Header

H4 Header


Paragraph 1: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Paragraph 2: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.


Rich Text H3

Rich Text Paragraph 1: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Rich Text Paragraph 2: It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Here is a rich text link.

This is how this content would look if you selected it.

Colors


Theme colors

click to copy
hex code

Default

#332C26

click to copy
hex code

Accent

#EB5E28

click to copy
hex code

Cream

#FBF8F5

Scents

click to copy
hex code

Amber

#C56C4E

click to copy
hex code

Fruity

#CC747A

click to copy
hex code

Floral

#EFD8D4

click to copy
hex code

Citrus

#FFBD5A

click to copy
hex code

Fresh

#BBC59E

click to copy
hex code

Woody

#4D5D8A

Functional

click to copy
hex code

Hyperlink

#2F70DB

click to copy
hex code

Error

#EB5E28

Chips


Chip Outline
Chip Fresh

Tooltips


Hover for Tooltip above, pointer center

Tooltip Above

Hover for Tooltip Above, pointer left

Tooltip Above

Hover for Tooltip Below, pointer right

Tooltip Below

Hover for Tooltip Below, pointer left

Tooltip Below

Product Form Options


Subscribe & Save 30%

Swap fragrances, adjust order intervals, skip orders, or pause. Cancel anytime. Learn More

Mobile Breakpoint