Style Guide

Global Colors

contrast

accent s70 – #452a15

contrast-2

neutral – #8b7e74

contrast-3

neutral t50 – #c5bfba

base

neutral t90 – #f3f2f1

base-2

(white) – #ffffff

accent

accent – #e68d45

accent-2

secondary – #ffd159

accent-3

primary s50 – #215126

accent-4

primary – #41a24b

base-text

neutral s40 – #534c46

base-link

accent s50 – #734723

base-link-hover

primary-s20 #34823c

sf-primary-s80

██ sf-primary-s70

██ sf-primary-s60

██ sf-primary-s40

██ sf-accent-s30

sf-neutral-s90

sf-neutral-t80

sf-neutral-t70

sf-neutral-t60

sf-semantic-info

Buttons

Typography

Main Content

Font: Karla, Size – 20px, Weight – Regular 400

Menu

Font: Karla, Size – 20px/, Weight – Bold 700

Headings – H1

Font: Karma
Size – 45px/40px
Weight – Bold 700

Fusce vulputate augue sit amet nunc egestas volutpat.

Headings – H2

Font: Karma
Size – 38px/32px
Weight – Bold 700

Fusce vulputate augue sit amet nunc egestas volutpat.

Headings – H3

Font: Karma
Size – 30px/24px
Weight – Bold 700

Fusce vulputate augue sit amet nunc egestas volutpat.

Headings – H4

Font: Karma
Size – 24px/22px
Weight – Bold 700

Fusce vulputate augue sit amet nunc egestas volutpat.

Headings – H5

Font: Karma
Size – 19px/18px
Weight – Bold 700

Fusce vulputate augue sit amet nunc egestas volutpat.
Headings – H6

Font: Tillana
Size – 18px
Weight – Extra Bold 800

Fusce vulputate augue sit amet nunc egestas volutpat.