Primary Color Palette

Red

#EA002A

Yellow

#FFDA27

Black

#000000

Gray

#999B9D

White

#ffffff

Color Tints

#000000
#2E2E2E
#595959
#7F7F7F
#A6A6A6
#B2B4B5
#C2C3C4
#D6D7D8
#E5E6E6
#F5F5F5

Secondary Color Palette

orange

#F99D25

dark red

#BA122B

blue

#0085CA

dark red

#663399

green

#4A7729

tan

#DDCBA4

brown

#784D28

Typography

Aa

Inter
  • Regular
  • Medium
  • Semi Bold
  • Bold

Aa

Crimson Text
  • Regular
  • Regular Italic
  • Semi Bold
  • Semibold Italic
H1
Inter
700 / 400
Font Size: 45px
line-height: 1.2;
Font Color: #000000
Letter Spacing: -0.45px
H1 mobile
font-size: 32px
line-height: 1.25;
Letter Spacing: -0.32px

The quick brown fox jumps over the lazy dog.

H2
Inter
700
Font Size: 35px
line-height: 1.26;
Font Color: #000000
Letter Spacing: -0.35px
H2 mobile
font-size: 28px
line-height: 1.28;
Letter Spacing: -0.28px

The quick brown fox jumps over the lazy dog.

H3
Inter
700
Font Size: 25px
line-height: 1.44;
Font Color: #000000
Letter Spacing: -0.25px
H3 mobile
font-size: 20px
Letter Spacing: -0.2px

The quick brown fox jumps over the lazy dog.

H4
Inter
600
Font Size: 18px
line-height: 1.5;
Font Color: #000000
H4 mobile
font-size: 16px

The quick brown fox jumps over the lazy dog.

H5
Inter
700
Font Size: 17px
Line Height: 1.53
Font Color: #000000
H5 mobile
font-size: 15px
line-height: 1.6;
The quick brown fox jumps over the lazy dog.
H6
Inter
700
Font Size: 14px
Line Height: 1.64
Font Color: #000000
Letter Spacing: 1.4px
Text Transform: uppercase
H6 mobile
font-size: 12px
line-height: 1.75;
Letter Spacing: 1.2px
The quick brown fox jumps over the lazy dog.
paragraph - large
Crimson Text
normal
Font Weight: 400
Font Size: 19px
Line Height: 1.47
Font Color: #000000
paragraph - large mobile
font-size: 17px
Line Height: 1.53

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.

Paragraph
Crimson Text
normal
Font Weight: 400
Font Size: 17px
Line Height: 1.53
Font Color: #000000
paragraph mobile
font-size: 15px
Line Height: 1.6

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.

Paragraph Text Link
Color: #BE6667
Text Decoration: Underline
Paragraph Text Link Hover
Color: #29425C
Text Decoration: Underline
customersupport@zoneliving.com
Normal Button
  • Noraml Button
  • Font: Inter
  • Font Weight: 500
  • Font Size: 15px
  • Letter Spacing: 0
  • Line Height: 1.466666
  • Padding Left & Right: 1.8165rem
  • Padding Top Bottom: 0.845rem
  • Button Border-radius: 5px
Large Button
  • Large Button
  • Font Size: 15px
  • Padding Left & Right: 1.991rem
  • Padding Top Bottom: 0.97rem
Small Button
  • Small Button
  • Font Size: 15px
  • Padding Left & Right: 1.5499rem
  • Padding Top Bottom: 0.703rem

btn-link

Shop All Best Sellers

Product Tags

New
Sale
Back In Stock
Sold Out
Floating Form

Alert / Error Message

alert-icon

Lorem ipsum dolor sit amet consectetuer.