Website Design System

Colors

Dark blue

#033070

Dark Blue brightend

#214a85

Middle Blue

#486c9f

Blue brightend

#899fc0

Blue Gray

#ced7e5

Fonts

Roboto

This is a good example of the used font.

This is a good example of the used font.

This is a good example of the used font.

Merriweather

This is a good example of the used font.

This is a good example of the used font.

This is a good example of the used font.

Kanit

This is a good example of the used font.

This is a good example of the used font.

This is a good example of the used font.

Styles

H1: Main Page landing

  • Font-weight: 700 (bold)
  • Font-size: 26px
  • Font-family: Kanit

Subheading

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

P: Paragraph text

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