Style Guide

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

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

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

#5653e0

Primary Light

#eeeefd

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

Shadows

Drop Shadow Small

Drop Shadow Medium

Drop Shadow Large

Drop Shadow Extra Large

Buttons

Button Primary Small

Button Primary Regular

Button Primary Large

Button Secondary Small

Button Secondary Regular

Button Secondary Large

Button Outline Small

Button Outline Regular

Button Outline Large

Button Clear Small

Button Clear Regular

Button Clear Large