Website Design System

The Colour Palette

light steel
#e9eaea

soft steel
#939597

steel
#6e7071

dark steel
#4a4b4c

light lemon
#f5e78a

lemon sun
#f5df4d

bright sun
#f7d52f

Twinkle, twinkle, little star How I wonder what you are

Twinkle, twinkle, little star How I wonder what you are

Twinkle, twinkle, little star How I wonder what you are

Up above the world so high

Like a diamond in the sky

Twinkle, twinkle, little star How I wonder what you are

h1 Headings

h1 {
  background-color: #f5df4d;
  color: #6e7071;
  font-family: Bebas Neue Regular;
  font-size: 2em;
}

h2 Subheadings

h2 {
  background-color: #e9eaea;
  color: #6e7071;
  font-family: ABeeZee;
  font-size: 1.5em;
}

Navigation Bar

.nav {      
  background-color: #939597;
  color: #e9eaea;
  font-family: Hachi Maru Pop Regular;
  font-size: 1.15em;
}

paragraph copy

p {
  background-color: #e9eaea;
  color: #4a4b4c;
  font-family: Bellota;
}

footer

footer {
  background-color: #4a4b4c;
  color: #f5e78a;
  font-family: Bebas Neue Regular;
  font-size: 0.9em;
}