FinDataMan's Design Guide

Colors

Lapiz Lazuli

336699

Carolina blue

86BBD8

Charcoal

2F4858

Light green

9EE493

Nyanza

DAF7DC

Fonts

Roboto

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin.

Libre Franklin

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin.

Raleway

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin.

Inter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin.

Styles

<h1> Main heading

CSS rules:

  • Font-weight: bold
  • Font-size: 32px
  • Font-family: Open Sans
  • Text-decoration: none
  • Color: #000000

<h2> Sections title

CSS rules:

  • Font-weight: bold
  • Font-size: 24px
  • Font-family: Open Sans
  • Text-decoration: none
  • Color: #000000

<p> Paragraphs

CSS rules:

  • Font-weight: normal
  • Font-size: 16px
  • Font-family: Open Sans
  • Text-decoration: none
  • Color: #000000
<a> Anchor text

CSS rules:

  • Font-weight: normal
  • Font-size: 16px
  • Font-family: Open Sans
  • Text-decoration: underline
  • Color: #006600