My Website Style Guide

Colors

Primary Color

#2d5dcc

Secondary Color

#d957d9

Button Color

#4fe0b0

Background Color

#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