Style Guide - HexaCubist/steamnorth-public GitHub Wiki

Steam North Style Guide

This document contains the basic design components used to build the website.

Typography

Headers:

Font

Font sizes:

H1

h1 {
    font-family: 'Raleway';
    font-size: 4em;
    margin-bottom: 0;
    margin-top: 0.5em;
}

H2

h2 {
    font-family: 'Raleway';
    font-size: 3em;
    margin-bottom: 0;
    margin-top: 0;
}

H3

h3 {
    font-family: 'Raleway';
    font-size: 2em;
    margin-bottom: 0;
    margin-top: 0;
}

H4

h4 {
    font-family: 'Raleway';
    margin-bottom: 0;
    margin-top: 0;
}

Colors

Steam North Whangarei targets a family-friendly market, and as such the color scheme should be open, bright and playful. It should also "get out of the way" of the content, and not overwhelm the user.

The primary color palette is based off of three trains featured at the park.