Style Guide

Palette

Use gratutiously and chaotically

#FFFFB3

Custard Crayola

#141414

Eerie Black

#0D21A1

Blue Plantone

#BCD2EE

Light Steel Grey

Fonts

Bebas Neue

The quick brown fox jumps over the lazy dog.

Gemunu Libre

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Text Styles

H1: Main Page Heading

  • color: #141414,
  • text-shadow: #BCD2EE 0px 5px;
  • font-family: 'Bebas Neue', cursive;
  • font-weight: 800;
  • font-size: 100px;
  • text-transform: uppercase

H2: Subheadings

  • color: #141414;
  • text-shadow: #BCD2EE 0px 5px;
  • font-family: 'Bebas Neue', cursive;
  • font-weight: 800;
  • font-size: 50px;
  • text-transform: uppercase;

P: Sentences

  • color: #141414;
  • font-family: 'Gemunu Libre', sans-serif;
  • font-weight: 500;
  • font-size: 20px;
  • letter-spacing: .15rem;

A: Links!

  • color: #0D21A1;
  • background-color: #FFFFB3;
  • border: #0D21A1 2px solid;
  • border-radius: 20px;
  • text-decoration: none;
  • font-family: 'Gemunu Libre', sans-serif;
  • font-weight: 200;
  • font-size: 25px;
  • letter-spacing: 4px;
  • padding: 1.5rem 3rem;
  • text-transform: uppercase;

  • :active/:hover reverse colors