My Website Style Guide

Colors

Cool Blue

#2d5dcc

Pink

#d957d9

Mint Green

#4fe0b0

Beige

#efd9ca

Fonts

Source Code Pro

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.

Nunito Sans

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.

Poppins

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.

Text Styles

H1: Main page heading

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

H2: Subheading

  • Font-weight: 500
  • Font-size: 18px
  • Font-family: Poppins
P: Paragraph text
  • Font-weight: 400 (regular)
  • Font-size: 14px
  • Font-family: Poppins

See examples below:

Type scale examples