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

Vivid Raspberry

1

FFCCCD

2

FF99A6

3

FF6689

4

FF3F7F

5

FF006E

6

DB0074

7

B70073

8

93006C

9

7A0065

Secondary Color

Blue Violet

1

EDD7FE

2

D9AFFD

3

C087F9

4

A868F3

5

8338EC

6

6528CA

7

4B1CA9

8

341188

9

240A71

Accent Color

Lemon Yellow

1

FFFCDA

2

FFF9B5

3

FFF590

4

FFF275

5

FFEC47

6

DBC833

7

B7A523

8

938216

9

7A6A0D

Neutral Color

Monochrome

1

FFFFFF

2

F3F3F3

3

B7B7B7

4

707070

5

121212

Typography

Heading Font

Onest

Regular - 84 px

This is Heading 1

Regular - 72 px

This is Heading 2

Regular - 60 px

This is Heading 3

Regular - 48 px

This is Heading 4

Regular - 36 px

This is Heading 5

Regular - 24 px

This is Heading 6

Body Text Font

Onest

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