Style Guide

Your Comprehensive Guide to Consistent Design and Development Standards

Primary Color

900

#0F0F0F

50

#262626

40

#2C2C2C

30

#2C2C2C

Secondary Color

bg

#031209

bg-30

#F7F7F7

Accent Color

blue

#504CFF

lavender

#854CFF

text

#CF8E20

text

#D80D0D

text

#139A61

White shade

white

#FFFFFF

w-98

#FAFAFA

w-96

#030712

w-90

#E6E6E6

w-85

#D9D9D9

Paragraph color

para

#575757

Typography System

Heading

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 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