Web Design Guidelines
Colors
Calm Turquoise
HEXA #8CE0D1
Black
HEXA #000000
White
HEXA #FFFFFF
#9AF7E5
#181715
Light Grey
HEXA #F4F4F4
#E0DCDC
#F0F0F0
Buttons
Primary Button
It is an active button commonly used for CTAs
Secondary Button
Used in the second button
font
Aa
Font-family
Spartan Black
Base Font
Spartan Black Normal 400
Headings Font
Spartan Black
Typography
Style Name
Spartan/ Spartan Black
Use
Colors
Heading 1
Bold
Headlines, Talk details
#8CE0D1
#000000
#FFFFFF
Heading 2
Bold
Titlebar name
#8CE0D1
#000000
#9AF7E5
Heading 3
Bold
Titlebar name
#000000
Heading 4
Bold
Titlebar name
#000000
Heading 5
Bold
Titlebar name
#000000
Heading 6
Bold
Titlebar name
#000000
Paragraph/ Body Text
Regular
Descriptions
#000000
#F4F4F4
Typography
Heading 1
Spartan/ Spartan Black
Bold
Use
Headlines, Talk details
Bold
Colors
#8CE0D1
#000000
#FFFFFF
Heading 2
Spartan/ Spartan Black
Bold
Use
Titlebar name
Colors
#8CE0D1
#000000
#9AF7E5
Heading 3
Spartan/ Spartan Black
Bold
Use
Titlebar name
Colors
#000000
Heading 4
Spartan/ Spartan Black
Bold
Use
Titlebar name
Colors
#000000
Heading 5
Spartan/ Spartan Black
Bold
Use
Titlebar name
Colors
#000000
Heading 6
Use
Titlebar name
Bold
Colors
#000000
Paragraph/ Body Text
Spartan/ Spartan Black
Regular
Use
Descriptions
Colors
#000000
#F4F4F4
Typography: Responsive mode
| Desktop | Tablet | Mobile | |
|---|---|---|---|
Header 1 | 40px | 30px | 30px |
header 2 | 32px | 25px | 25px |
header 3 | 26px | 22px | 22px |
header 4 | 24px | 20px | 20px |
header 5 | 20px | 18.24px | 18.24px |
header 6 | 16px | 14.592px | 14.592px |
| Body | 16px | 16px | 16px |
Icons
Logos
