Style Guide for Diego's Website

Colors

Gray
#808080
Body background
White
#FFFFFF
Section background
Light Gray
#D3D3D3
H6 underline
Dim Gray
#696969
Paragraph text
Baby Blue
#53C0F6
Section border
Greenish Blue
#33A096
H6, Table border
Dark Baby Blue
#337596
H2, Table head

Fonts

Note: Century Gothic can be downloaded for free from the Microsoft Store. All other fonts used are linked directly from Google Fonts, also for free.

Smooch

Pack my box with five dozen liquor jugs.

Rock Salt

Pack my box with five dozen liquor jugs.

Poiret One

Pack my box with five dozen liquor jugs.

Pattaya

Pack my box with five dozen liquor jugs.

Roboto Mono

Pack my box with five dozen liquor jugs.

Century Gothic

Pack my box with five dozen liquor jugs.

Font Styles

H1

Font family: Century Gothic
Font size: 10px
Font weight: normal
Font style: normal
Letter spacing: 7px
Color: white

Header One

H2

Font family: Smooch
Font size: 100px
Font weight: normal
Color: #337596

Header Two

H3

Font family: Rock Salt
Font size: 1.5em
Color: #696969

Header Three

H6

Font family: Pattaya
Font size: 1.1em
Font weight: bold
Color: #33A096

Header Six

Navigation

Font family: Poiret One
Font size: 20px
Color: white

Navigation

Paragraph

Font family: Century Gothic
Font size: 1.1em
Word spacing: 4px
Color: #696969

Paragraph

Code Example

Font family: Roboto Mono
Font-size: .8em

Coding Example