The Website Design Guide

Color Palette

Forest Green

#008000

Main

Hot Pink

#f70482

Secondary

Sky Blue

#3d63ed

Accent #1

Corn Yellow

#f9e366

Accent #2

Font Examples
Merriweather
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Roboto Mono
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Raleway
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.

You can pick and choose to customize whatever font would fit your aesthetic the best!

Text Styles

H1: Main Page Heading

  • Font-weight: 700 (bold)
  • Font-size: 26px
  • Font-family: Raleway

H2: Subheading

  • Font-weight: 500
  • Font-size: 18px
  • Font-family: Merriweather

P: Paragraph Text

  • Font-weight: 400 (regular)
  • Font-size: 14px
  • Font-family: Roboto