Style Guide

Edit the following Elements directly in this Style Guide. All changes will be reflected across the Website.

Typography

Font

Poppins

abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()

Heading 1

Class Name:

Heading H1

Heading 2

Class Name:

Heading H2

Heading 3

Class Name:

Heading H3

Heading 4

Class Name:

Heading H4

Heading 5

Class Name:

Heading H5

Heading 6

Class Name:

Heading H6

Text Small (14px)

Class Name:

Text Small Light

Class Name:

Text Small Regular

Class Name:

Text Small Medium

Class Name:

Text Small Bold

Text Normal (16px)

Class Name:

Text Normal Light

Class Name:

Text Normal Regular

Class Name:

Text Normal Medium

Class Name:

Text Normal Bold

Text Large (18px)

Class Name:

Text Large Light

Class Name:

Text Large Regular

Class Name:

Text Large Medium

Class Name:

Text Large Bold

Links

Text Link

Class Name:

Link

Component:

Breadcrumbs

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.

Neutral Colors

Neutral 50

#F6F5F5

Neutral 100

#e7e6e6

Neutral 200

#d2cfd0

Neutral 300

#b3adae

Neutral 400

#8c8485

Neutral 500

#71696a

Neutral 600

#605a5b

Neutral 700

#524c4d

Neutral 800

#474343

Neutral 900

#3e3b3b

Primary Colors

Primary Main

#5383E0

Primary Light

#e2e9ff

System Colors

Red 100

#febebe

Red 200

#f38787

Red 300

#e05353

Red 400

#dd4040

Green 100

#c3ffc1

Green 200

#83ea82

Green 300

#45b542

Green 400

#298727

Orange 100

#ffe3ca

Orange 200

#f9b77b

Orange 300

#f59d4c

Orange 400

#e77812

Global Styles

Shadows

Drop Shadow Small

Drop Shadow Medium

Drop Shadow Large

Drop Shadow Extra Large

Buttons

Button Primary Small

Style Guide

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Links

Neutral Colors

Primary Colors

System Colors

Global Styles

Shadows

Buttons

Input

Icons