01. Colors

Phthalo Green

#17381B

Honeydew

#DAE8D8

Mint Cream

#F3FAF4

Rosewood

#590101

Pale Pink

#EDD2D2

Isabelline

#F0E7E7

Egyptian Blue

#123996

Baby Blue Eyes

#97BAF7

Lavender Web

#DCE9FF

Alloy Orange

#C7631C

Safety Orange

#FF6B00

Pastel Pink

#DC9A93

Cultured

#FBF8F8

02. Typography

Title & Headings

H1 – Poppins – Semi Bold –

LD 58px -

SD 50px -

T 40px -

M 30px

Sub Header – Poppins – Extra Light –

LD 45px -
SD 40px -
T 28px -
M 24px

H2 – Poppins – Semi Bold –

LD 38px -

SD 38px -

T 32px -

M 28px

H3 – Poppins – Semi Bold –

LD 22px -

SD 22px -

T 22px -

M 20px

Body – Lato – Regular – #636363 –

LD 16px -
SD 16px -
T 16px -
M 16px

03. Buttons

Main Button

Normal
Font: Poppins Regular – D16px – T/M14px – #ffffff
Background: #17381B
HOVER
Font: Poppins Regular – D16px – T/M14px – #ffffff
Background: #2E190E

Size (Padding):

20px 40px 20px 40px
10px 20px 10px 20px
10px 20px 10px 20px

Secondary Button

NORMAL
Font: Poppins Regular – D16px – T/M14px – #17381B
Border: 1px – solid – #17381B
Background: transparent
HOVER
Font: Poppins Regular – D16px – T/M14px – #17381B
Background: #e8e8e8

Size (Padding):

20px 40px 20px 40px
10px 20px 10px 20px
10px 20px 10px 20px

04. Distance

Main Button

)

150 px

Heading

)

45 px

Button 1Button 2
)

30 px

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

)

150 px

Heading

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.