My Style Guide

Palette

Earth Monochromatic 1

#F6D6B6

rgba(246, 214, 182, 1)

hsla(30, 78, 83, 1)

Earth Monochromatic 2

#EEB981

rgba(238, 185, 129, 1)

hsla(30, 76, 71, 1)

Earth Monochromatic 3

#E69947

rgba(230, 153, 71, 1)

hsla(30, 76, 59, 1)

Earth Monochromatic 4

#C5731B

rgba(197, 115, 27, 1)

hsla(31, 75, 43, 1)

Earth Monochromatic 5

#905414

rgba(144, 84, 20, 1)

hsla(30, 75, 32, 1)

Typography

20

The quick brown fox jumps over the lazy dog.

My Styles

H1: main page heading

  • Font-weight: 700 (bold)
  • Font-size: 26px
  • Font-family: Noto Serif Display

H2: Subheading

  • Font-weight: 500
  • Font-size: 18px
  • Font-family: Noto Sans Display

P: paragraph text

  • Font-weight: 400 (regular)
  • Font-size: 14px
  • Font-family: M Plus Rounded 1c