Style guide

The style guide includes essential styles and components utilized across the template.

Colors & Gradients

Primary Gradient

Header

Secondary Gradient

Header

Icon Gradient

Header

Text Gradient

Header

Dark

#050113

White

#FFFFFF

Purple

#6340FF

Green

#C2F31F

BG Grey

#F2F4F8

Line BG Grey

#E0E6F1

Text Grey

#9CABC5

Logos Grey

#BFC9DC

Typography

Heading Texts
Heading 1
Big Shoulders Text/ Bold
140px
110%

Heading

Heading 2
Big Shoulders Text/ Bold
48px
110%

Heading

Heading 3
Big Shoulders Text/ Bold
32px
110%

Heading

Heading 4
Big Shoulders Text/ Bold
24px
110%

Heading

Body Texts
Body 1
Open Sans/ Medium
24px
110%

The quick brown fox jumps over the lazy dog.

Body 2
Open Sans/ Normal
16px
110%

The quick brown fox jumps over the lazy dog.

Buttons

Primary Button
Default
Button
Designer Template ImageDesigner Template Image
Primary Button
Hover
Button
Designer Template Image
Secondary Button
Default
Button
Designer Template ImageDesigner Template Image
Secondary Button
Default
Button
Designer Template Image
Tertiary Button
Default
Designer Template ImageDesigner Template Image
Button
Tertiary Button
Hover
Designer Template Image
Button

Form Fields

Text Field
Default
Text Field
Hover
Text Field
Default
Text Field
Hover
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Accordion

Accordion
Collapsed
Lorem ipsum dolor sit amet
Designer Template Image
Accordion
Expanded
Lorem ipsum dolor sit amet
Designer Template Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Special Classes

Border Radius None
Border Radius
Hidden on Mobile
Overflow Hidden
Overflow Visible