Style Guide

Colour Palette

Primary 1

Primary 2

Secondary 1

Secondary 2

Secondary 3

Secondary 4

Secondary 5

Secondary 6

Secondary 7

Secondary 8

White

Off White

Grey 100

Grey 300

Grey 500

Grey 700

Off Black

Black

Success

Error

Primary 1 Overlay

Primary 2 Overlay

Secondary 1 Overlay

Secondary 2 Overlay

Typography

Hero

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

H1

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

H2

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

H3

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

H4

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

H5

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

H6

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

Pre-Heading

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

Sub-Heading

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

Blockquote

“Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle.”

Body (Article)

By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.

Body

By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.

Body (Small)

By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.

Body (Tiny)

By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.

Bullet Points

  • Looking down into the dark gulf below.
  • I could see a ruddy light streaming through a rift in the clouds.
  • By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.
  • Apparently we had reached a great height in the atmosphere.
    • Looking down into the dark gulf below.
    • I could see a ruddy light streaming through a rift in the clouds.

List Items

  1. List item one
  2. List item two
  3. List item three

Error

By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.

Menu Link

Label

Example

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

By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver.

How it works
How it works

UI Elements

Forms