My Website Style Guide

Colors

Crimson

#DC143C

MediumBlue

#0000CD

LightSeaGreen

#20B2AA

Fonts

Noto Sans Japanese

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

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.

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: Noto Sans Japanese

H2: Subheading

  • Font-weight: 500
  • Font-size: 18px
  • Font-family: Roboto

P: Paragraph text

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