Style Guide

This is a personal website, so this page is all the documentation there is.

Typography

Display 1

Display 2

Heading 1 is almost exactly fifty characters long. This end makes it at 75. Here is an extra sentence to show line height.

Heading 2 is almost exactly fifty characters long. This end makes it at 75. Here is an extra sentence to show line height.

Heading 3 is almost exactly fifty characters long. This end makes it at 75. Here is an extra sentence to show line height.

The sentence is now exactly fifty characters long. This end makes it at 75. Here is an extra sentence to show line height.

The sentence is now exactly fifty characters long. This end makes it at 75. Here is an extra sentence to show line height.

Colours

A1
A2
A3
A4
A5
A6
A7
A8
B1
B2
B3
B4
B5
B6
B7
B8
A1
A2
A3
A4
A5
A6
A7
A8
B1
B2
B3
B4
B5
B6
B7
B8
Not all colour combinations have enough contrast for practical use.

Space

space.s
space.m
space.l
space.xl

Media

Full-width media container with large image
Medium sized media container with large image
Content-wide media container with large image
Full-width media container with small image
Medium sized media container with small image
Content-wide media container with small image

Footer

There is no footer.