Style Guide
Manage the look and feel of the entire website from our style guide. Style and components used on the site are documented here, and any changes made will be immediately visible across all pages.
Colors
Main Colors
0049F8
17181C
141417
FF891C
313E3B
5D5D60
ABABAB
C1C5C4
E9EAEA
EEEEEE
Typography
All Headings
Heading H1
Font-Family: Poppins
Font-Size: 72px ; Line-Height: 84;
Heading
Heading H2
Font-Family: Poppins
Font-Size: 48px ; Line-Height: 60;
Heading
Heading H3
Font-Family: Poppins
Font-Size: 36px ; Line-Height: 48;
Heading
Heading H4
Font-Family: Poppins
Font-Size: 30px ; Line-Height: 38;
Heading
Heading H5
Font-Family: Poppins
Font-Size: 24px ; Line-Height: 28;
Heading
Heading H6
Font-Family: Poppins
Font-Size: 20px ; Line-Height: 32;
Heading
All Paragraphs
Paragraph Large
Font-Family: Inter
Font-Size: 20px ; Line-Height: 32;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Paragraph Medium
Font-Family: Inter
Font-Size: 18px ; Line-Height: 28;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Paragraph Small
Font-Family: Inter
Font-Size: 16px ; Line-Height: 24;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
All Text Classes
Text Large
Font-Family: Inter
Font-Size: 18px ; Line-Height: 28;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Text Medium
Font-Family: Inter
Font-Size: 16px ; Line-Height: 24;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Text Small
Font-Family: Inter
Font-Size: 14px ; Line-Height: 20;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Button
All Buttons Style
Contact us