Primary Color Palette

Primary

#be6667

Secondary

#3a5a50

Indigo Dye

#29425c

Color Tints

#be6667
#cc8888
#daaaaa
#e9cccc
#f7eeee
#3a5a50
#657e76
#91a39d
#bdc8c4
#e9eceb
#29425c
#586c80
#8896a4
#b7c0c8
#e7eaec

Secondary Color Palette

White Smoke

#ffffff

Typography

Aa

Playfair Display
  • Regular

Aa

DM Sans
  • Regular
  • italic
  • Medium
  • Bold
H1
Playfair Display
400
Font Size: 50px
Line Height: 1.5
Font Color: #FFFFFF / #29425c
Text Transform: capitalize
H1 mobile
Font Size: 40px

The quick brown fox jumps over the lazy dog.

H2
Playfair Display
400
Font Size: 40px
Line Height: 1.5
Font Color: #FFFFFF / #29425c
Text Transform: capitalize
H2 mobile
Font Size: 30px

The quick brown fox jumps over the lazy dog.

H3
DM Sans
500
Font Size: 35px
Line Height: 1.5
Font Color: #FFFFFF / #29425c
H3 mobile
Font Size: 28px

The quick brown fox jumps over the lazy dog.

H4
Playfair Display
400
Font Size: 30px
Line Height: 1.5
Font Color: #FFFFFF / #29425c
H4 mobile
Font Size: 25px

The quick brown fox jumps over the lazy dog.

H5
DM Sans
500
Font Size: 22px
Line Height: 1.5
Font Color: #FFFFFF / #29425c
H5 mobile
Font Size: 18px
The quick brown fox jumps over the lazy dog.
H6
DM Sans
500
Font Size: 20px
Line Height: 1.5
Font Color: #29425c
Text Transform: sentencecase
H6 mobile
Font Size: 16px
The quick brown fox jumps over the lazy dog.
Paragraph
DM Sans
normal
Font Weight: 400 / 700
Font Size: 18px
Line Height: 1.75
Font Color: #FFFFFF / #29425c
Paragraph mobile
Font Size: 16px

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
Normal Button
  • Noraml Button
  • Font: DM Sans
  • Font Weight: 700
  • Font Size: 16px
  • Letter Spacing: 0.8px
  • Line Height: 1
  • Padding Left & Right: 29px
  • Padding Top Bottom: 14px
  • Button Border-radius: 24px
Large Button
  • Large Button
  • Font Size: 16px
  • Padding Left & Right: 32.4px
  • Padding Top Bottom: 17px
Small Button
  • Small Button
  • Font Size: 16px
  • Padding Left & Right: 17.40apx
  • Padding Top Bottom: 12px

Button Product Cards

Disabled Button

Shop All

Text Button Large

Text Button Large

Product Tags

Sale
Best seller
New
Out of stock
free Shipping
Floating Form