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
hex code
Default
#332C26
hex code
Accent
#EB5E28
hex code
Cream
#FBF8F5
Scents
hex code
Amber
#C56C4E
hex code
Fruity
#CC747A
hex code
Floral
#EFD8D4
hex code
Citrus
#FFBD5A
hex code
Fresh
#BBC59E
hex code
Woody
#4D5D8A
Functional
hex code
Hyperlink
#2F70DB
hex code
Error
#EB5E28
Chips
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
Mobile Breakpoint
Small Breakpoint
Medium Breakpoint
Large Breakpoint
XL Breakpoint
XXL Breakpoint