Primary Color Palette

slate

#163f42

sea foam

#7dffcf

sea foam 2

#82e8c2

Color Tints

#163f42
#506f71
#8a9fa0
#c5cfd0
#e8ecec
#0a0a0a
#242424
#3d3d3d
#575757
#707070
#8a8a8a
#bdbdbd
#d6d6d6
#f0f0f0
#ffffff

Secondary Color Palette

light green

#99c23c

yellow

#e5e526

orange

#F4af1c

Gradients

Sea Orange

linear-gradient(90deg, rgba(125, 255, 207, 1), rgba(244, 175, 28, 1) 100%)

Slate Sea

linear-gradient(90deg, rgba(22, 63, 66, 1), rgba(125, 255, 207, 1) 100%)

Green Yellow

linear-gradient(90deg, rgba(153, 194, 60, 1), rgba(229, 229, 38, 1) 100%)

Slate

linear-gradient(90deg, rgba(22, 63, 66, 1), rgba(12, 36, 38, 1) 100%)

Typography

Aa

Figtree
  • Regular
  • Medium
  • Semi Bold
  • Bold
  • Black
H1 Display
Figtree
900
Font Size: 80px
Letter Spacing: 0.5px
Line Height: 1
Font Color: #163f42

The Quick Brown Fox Jumps Over.

H1
Figtree
700
Font Size: 60px
Letter Spacing: 0.5px
Line Height: 1
Font Color: #163f42

The Quick Brown Fox Jumps Over the Lazy Dog.

H2
Figtree
900
Font Size: 50px
Letter Spacing: 0.5px
Line Height: 1.2
Font Color: #163f42

The Quick Brown Fox Jumps Over the Lazy Dog.

H3
Figtree
700
Font Size: 38px
Letter Spacing: 0.5px
Line Height: 1.2
Font Color: #163f42

The Quick Brown Fox Jumps Over the Lazy Dog.

H4
Figtree
600
Font Size: 28px
Letter Spacing: 0.5px
Line Height: 1.4
Font Color: #163f42

The Quick Brown Fox Jumps Over the Lazy Dog.

H5
Figtree
600
Font Size: 22px
Letter Spacing: 0.5px
Line Height: 1.4
Font Color: #163f42
The Quick Brown Fox Jumps Over the Lazy Dog.
H6
Figtree
500
Font Size: 18px
Letter Spacing: 0.5px
Line Height: 1.4
Font Color: #163f42
The Quick Brown Fox Jumps Over the Lazy Dog.
Paragraph Large
Figtree
normal
Font Weight: 400
Font Size: 20px
Letter Spacing: 0.5px
Line Height: 1.5
Font Color: #3d3d3d

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.

Paragraph
Figtree
normal
Font Weight: 400
Font Size: 16px
Letter Spacing: 0.5px
Line Height: 1.5
Font Color: #3d3d3d

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.

Paragraph Links
Figtree
normal
Font Weight: 600
Font Size: 16px
Letter Spacing: 0.5px
Line Height: 1.5
Font Color: #163f42
Normal Button
  • Normal Button
  • Font: Figtree
  • Font Weight: 600
  • Font Size: 16px
  • Letter Spacing: 0.5px
  • Line Height: 18.2px
  • Padding Left & Right: 26px
  • Padding Top Bottom: 17.5px
  • Button Border-radius: 40px
Small Button
  • Small Button
  • Font Size: 16px
  • Padding Left & Right: 17.80px
  • Padding Top Bottom: 12.41px
Large Button
  • Large Button
  • Font Size: 16px
  • Padding Left & Right: 28px
  • Padding Top Bottom: 22px

btn-link btn-link-white

Contact a Rep

btn-link

Contact a Rep
Noraml Form
Alert/Error Message
Lorem ipsum dolor sit amet consectetur
Noraml Form
Noraml Form

Product Tags

New
Best seller
Out of stock
Sale