Styling a Website

This page shows the basic styling, including colours, font styles for headings and main text, and weightings that should be used for a main heading, sub-heading and paragraph text.

Colours

Base grey

#79858F

Turquoise

#04ADBF

Pale blue

#04B2D9

Green-blue

#03A6A6

Sea Blue

#04668C

Salmon

#F29191

Fonts

Lato

Almost before we knew it, we had left the ground.

Almost before we knew it, we had left the ground.

Almost before we knew it, we had left the ground.

Nanum Gothic

Almost before we knew it, we had left the ground.

Almost before we knew it, we had left the ground.

Almost before we knew it, we had left the ground.

Quicksand

Almost before we knew it, we had left the ground.

Almost before we knew it, we had left the ground.

Almost before we knew it, we had left the ground.

Text Styles

Page Main Heading
  • Font-weight: 800 (bold)
  • Font-size: 32px
  • Font-family: Lato

Secondary Headings
  • Font-weight: 600
  • Font-size: 20px
  • Font-family: Quicksand

Paragraphs