My CSS System

Colors

Dirty Gold

#B8B323

Mellow Yellow

#FFFA73

Sky

#BEE9F7

Club Red

#FF596A

Carpet Red

#B34752

Floss white

#ebebeb

Greymane

#b3b3b3

Grey's Anatomy

#666666

Skate Deck Black

#313131

hover to preview

click to copy

Fonts

Roboto

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.

Open 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.

Montserrat

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.

Styles

H1: Main page heading

  • h1 {
  • Font-weight: 700;
  • Font-size: 26px;
  • font-family: Roboto;
  • }

H2: Subheading

  • h2 {
  • Font-weight: 500;
  • Font-size: 18px;
  • font-family: "Open Sans";
  • }

P: Paragraph text

  • p {
  • Font-weight: 400;
  • Font-size: 14px;
  • font-family: Montserrat;
  • }