My Website Style Guide

Color Palette

Main Color Palette

Desert

#F5A056

Tierra

#A8662C

Dark Beige

#F7DFCA

Deep Sea

#088CA8

Light Water

#90E3F5

Secondary Color Palette

Desert-2

#f48320

Tierra-2

#5d3b1d

Dark Beige-2

#fcf3ea

Deep Sea-2

#074857

Light Water-2

#bff3ff

Text Style

Headlines

H1: Main page heading

H2: Subheading

H3: Paragraph text

H4: Paragraph text

Fonts

Yeseva One

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Philosopher

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Exo 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Buttons

Buttons: Skeuomorphic styling

3-D button design with animation

BUTTON 1
BUTTON 2
BUTTON 3

2.5-D button design static

BUTTON 1
BUTTON 2
BUTTON 3

Buttons: Flat styling

2-D flat button

BUTTON 1
BUTTON 2
BUTTON 3

Outlined Button

BUTTON 1
BUTTON 2
BUTTON 3

Text Button

Up to Top text button

Logo Color

Logo colored

Logo Sepia

Logo sepia

Logo black and white

Logo black and white