My Web Style Guide : HDS(Hajoon Design System)

Colors

Gray 97

#f7f7f7

(247,247,247)

Yellow mustard 97

#F9CE21

(249,206,33)

Black

#111111

(17,17,17)

Fonts

Space Mono

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

Miriam Libre

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

Anek Devanagari

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 heading

  • Font-weight: 700~800(bold)
  • Font-size: 26px
  • Font-familyP: Space Mono

H2: Subheading

  • Font-weight: 500
  • Font-size: 18px
  • Font-familyP: Miriam Libre

P : Paragrpah text

  • Font-weight: 400 or under
  • Font-size: 14px
  • Font-familyP: inherit / Anek Devanagari