Style Guide 1.0

Branding

Logo

Favicon

Moodboard

Colors

Navy

HEX: 37455b

R55 G69 B91

C85 M69 Y43 K31

Green

HEX: 335d71

R51 G93 B113

C84 M55 Y41 K19

Beige

HEX: e3dcd3

R227 G220 B211

C10 M10 Y14 K0

Yellow

HEX: ddb95f

R221 G185 B95

C14 M25 Y75 K0

Orange

HEX: de6c58

R222 G108 B88

C9 M71 Y67 K1

Font Families

Accent Font

Font Family: Joyful

Aa
Joyful Script

Heading Font

Font Family: Raleway

Aa

Raleway

Body Font

Font Family:

Aa

Typography

Heading 1

Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:

Add font name
Normal
62px
1.1em
#333333
UPPERCASE

The quick brown fox jumps over the lazy dog

Heading 2

Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:

Add font name

Normal
44px
1.1em
#333333
UPPERCASE

The quick brown fox jumps over the lazy dog

Heading 3

Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:

Oswald
Normal
30px
1.1em
#333333
Sentence

The quick brown fox jumps over the lazy dog

Heading 4

Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:

Add font name

Normal
22px
1.1em
#333333
Sentence

The quick brown fox jumps over the lazy dog

Heading 5

Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:

Add font name
Normal
18px
1.1em
#333333
Sentence

The quick brown fox jumps over the lazy dog

Heading 6

Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:

Add font name
Normal
80px
1.1em
#333333
Sentence

The quick brown fox jumps over the lazy dog

Forms & Buttons

Please enter your name.
Please enter a message.
Send
Click Here
Click Here

Text link

Opt In

Opt in now!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit dapibus sodales. Proin fringilla sem a felis vestibulum, in lobortis turpis sagittis. Quisque at lobortis augue, vel tristique risus.