Style Guide

Navigate the extensive design guidelines for color, typography, and essential design elements.

Page Intro Upper ShapePage Intro Lower Shape

Colors

Primary Color

#0E1628

Secondary Color

#5C8AFF

Background Color 01

#121212

Background Color 02

#F5F5F5

Background Color 03

#414141

Background Color 04

#f2f6f9

Background Color 05

#d0d0d0

Background Color 06

#fd8363

Typography

Heading 1

H1 - 76px /120% || Bold || Lexend

Heading 2

H2 - 64px /125% || Bold || Lexend

Heading 3

H3 - 32px /120% || Bold || Lexend

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph - 20px /150% || Regular || Lexend

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla,

Blockquote - 32px /140% || Regular || Lexend

Icons

Style Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide IconStyle Guide Icon