MY website style guide

Colors

Azure+

#ccf1f1;

PapayaWhip+

#f8f7dd

sky blue+

#89caeb66

pink+

#ffe0e5e6

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: 600 (bold)
  • Font-size: 18px
  • Font-family: Poppins

H3: Subheading

  • Font-weight: 500 (bold)
  • Font-size: 16px
  • Font-family: Poppins

P: Paragraph text

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