Style Guide

All graphical assets in this template are licensed for personal and commercial use. If you'd like to use a specific asset, please check the license below.

Colors

Primary Color

Jade

1

C9FBD4

2

95F7B4

3

5EE798

4

35D086

5

02B26F

6

01996E

7

018068

8

00675E

9

005455

Secondary Color

Blue Crayola

1

D2E3FF

2

A5C5FF

3

79A5FF

4

578AFF

5

205DFF

6

1747DB

7

1034B7

8

0A2493

9

06187A

Accent Color

Golden Yellow

1

FFFBCC

2

FFF599

3

FFEE66

4

FFE840

5

FFDD01

6

DBBA00

7

B79900

8

937900

9

7A6300

Neutral Color

Monochrome

1

FFFFFF

2

F3F3F3

3

B7B7B7

4

707070

5

121212

Typography

Heading Font

Host Grotesk

Regular - 72 px

This is Heading 1

Regular - 62 px

This is Heading 2

Regular - 54 px

This is Heading 3

Regular - 40 px

This is Heading 4

Regular - 32 px

This is Heading 5

Regular - 24 px

This is Heading 6

Body Text Font

Host Grotesk

Regular - 18 px

This is Body Text 1

Regular - 16 px

This is Body Text 2

Regular - 14 px

This is Body Text 3

Button

Primary Button

Regular Size

Normal

Hover

Secondary Button

Regular Size

Normal

Hover

SWIPE FOR MORE