Styleguide & Styling Reference
This style guide includes all typography, colors, buttons, spacing, and UI elements used throughout the template.
Table of Content
Color Style
Main Color
Turquoise
#40FFE1
Black
#01100F
black-lite
#101919
Supporting Color
White
#FFFFFF
Silver
#CCCFCF
Gray
#999F9F
Turquoise 6%
#40FFE1
Turquoise 20%
#40FFE1
Turquoise 8%
#40FFE1
Dark Gray
#454B4B
Typography Style
Geist - Heading
Heading - 1
Geist - Semi bold, Font Size - 72, Line-height - 84
Heading - 2
Geist - Semi bold, Font Size - 56, Line-height - 64
Heading - 3
Geist - Semi bold, Font Size - 40, Line-height - 54
Heading - 4
Geist - Semi bold, Font Size - 32, Line-height - 44
Heading - 5
Geist - Semi bold, Font Size - 24, Line-height - 36
Heading - 6
Geist - Semi bold, Font Size - 20, Line-height - 28
Heading - 7
Geist - Semi bold, Font Size - 16, Line-height - 24
Geist- Paragraph
P1 - Md
Geist - Medium, Font Size - 18, Line-height - 28
P1- Sm
Geist - Regular, Font Size - 18, Line-height - 28
P2 - Md
Geist - Medium, Font Size - 16, Line-height - 24
P2 - Sm
Geist - Regular, Font Size - 16, Line-height - 24
P3 - Md
Geist - Medium, Font Size - 14, Line-height - 22
P3 - Sm
Geist - Regular, Font Size - 14, Line-height - 22
P4 - Md
Geist - Medium, Font Size - 12, Line-height - 16
P4 - Sm
Geist - Regular, Font Size - 12, Line-height - 16
Buttons
Icons
Input & Select
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.