Style Guide

Style Guide

The style manual includes crucial styles and elements that are utilized across the template.

Colors

Primary Color

#F56E0F

Secondary Color

#35665B

Background Color

#EEECEA

Other Colors

#6C594C

#F6D8C2

#827770

#87786D

Neutral Colors

#110700

#696969

#DDD5CF

#424242

#DFE3E6

#22272F

#FFFFFF

Typography

Satoshi

Heading1 / Bold / 48px

Heading 2 / Bold / 32px

Heading 3 / Bold / 28px

Heading 4 / Bold / 24px

Inter

Text/Bold/32px

Text/Bold/20px

Text/Bold/18px

Text/Bold/16px

Text/Bold/14px

Text/Bold/12px

Text/Medium/20px

Text/Medium/18px

Text/Medium/16px

Text/Medium/14px

Text/Medium/12px

Text/Medium/20px

Text/Medium/18px

Text/Medium/16px

Text/Medium/14px

Text/Medium/12px

Buttons

Primary button

Button Text Button Text Button Text

Icons