My Website Style Guide

the color story

Bermuda

#8CDBC5

140, 219, 197

Lavender Gray

#C4B8DB

196, 184, 219

Aqua Island

#A1DBCB

161, 219, 203

Petit Orchid

#DB9E8C

219, 158, 140

Deco

#DBD797

219, 215, 151

the typeface

Merriweather

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.

Shippori Mincho

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: Merriweather

H2: Subheading

  • Font-weight: 500
  • Font-size: 18px
  • Font-family: Open Sans

P: Paragraph text

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