Style Guide / Design System

Colours

Rich Black

#051729

Prussian Blue 1

#03273C

Prussian Blue 2

#003554

Indigo Dye

#004D74

Sapphire Blue

#006494

Honolulu Blue

#006DA4

Fonts

Overpass

I am Groot!

I am Groot!

I am Groot!

Fraunces

I am Groot!

I am Groot!

I am Groot!

Source Code Pro

I am Groot!

I am Groot!

I am Groot!

Text Styles

<h1> Main Heading

  • Font-size: 30px
  • Font-weight: 700 (bold)
  • Font-family: Overpass

<h2> Subheading

  • Font-size: 20px
  • Font-weight: 500
  • Font-family: Overpass

<p> Paragraph

  • Font-size: 15px
  • Font-weight: 400 (regular)
  • Font-family: Overpass