Primary Color Palette
slate
#163f42
sea foam
#7dffcf
sea foam 2
#82e8c2
Color Tints
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
The Quick Brown Fox Jumps Over.
H1
The Quick Brown Fox Jumps Over the Lazy Dog.
H2
The Quick Brown Fox Jumps Over the Lazy Dog.
H3
The Quick Brown Fox Jumps Over the Lazy Dog.
H4
The Quick Brown Fox Jumps Over the Lazy Dog.
H5
The Quick Brown Fox Jumps Over the Lazy Dog.
H6
The Quick Brown Fox Jumps Over the Lazy Dog.
Paragraph Large
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
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
Normal Button
-
btn btn-primary
Contact a Rep -
btn btn-secondary
Contact a Rep -
btn btn-dark
Contact a Rep -
btn btn-light
Contact a Rep -
btn btn-outline-primary
Contact a Rep -
btn btn-outline-dark
Contact a Rep -
btn btn-outline-secondary
Contact a Rep
- 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
-
btn btn-primary btn-sm
Contact a Rep -
btn btn-secondary btn-sm
Contact a Rep -
btn btn-dark btn-sm
Contact a Rep -
btn btn-light btn-sm
Contact a Rep -
btn btn-outline-primary btn-sm
Contact a Rep -
btn btn-outline-dark btn-sm
Contact a Rep -
btn btn-outline-secondary btn-sm
Contact a Rep
- Small Button
- Font Size: 16px
- Padding Left & Right: 17.80px
- Padding Top Bottom: 12.41px
Large Button
-
btn btn-primary btn-lg
Contact a Rep -
btn btn-secondary btn-lg
Contact a Rep -
btn btn-dark btn-lg
Contact a Rep -
btn btn-light btn-lg
Contact a Rep -
btn btn-outline-primary btn-lg
Contact a Rep -
btn btn-outline-dark btn-lg
Contact a Rep -
btn btn-outline-secondary btn-lg
Contact a Rep
- Large Button
- Font Size: 16px
- Padding Left & Right: 28px
- Padding Top Bottom: 22px
btn-link btn-link-white
Contact a Repbtn-link
Contact a Rep