Style Guide

Primary Color
900
FFB78E
800
FFBF84
700
FFFAF4
600
F5F5F2
500
FCFCFB
Secondary Color
900
04191C
800
062A2F
700
085555
600
CAD3D2
500
F1F3ED
Accent Color
700
F5F4E4
600
FCF9F0
500
F3F9ED
400
F3F6F2
300
F8FAF1
200
F8FBF0
Neutral Color
600
0F110E
500
12140F
400
374151
300
DEE2EE
100
FFFFFF
Typography System
Heading

Display

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading
Paragraph

18px - Regular

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.

16px - Regular

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.

14px - Regular

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.

12px - Regular

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.

Primary Button
Get Started
Get Started
Secondary Button
Get Started
Get Started
Tertiary Button
Get Started
Get Started