Style Guide

Primary

Primary 1

Primary 2

Primary 3

Primary 4

Secondary

Secondary 1

Secondary 2

Secondary 3

Secondary 4

Secondary 5

Secondary 6

Secondary 7

Secondary 8

Monotone

White

Off-White

Grey 100

Grey 300

Grey 500

Grey 700

Off Black

Black

System

Success

Error

Typography

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.

Preheading

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

Subheading

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

Blockquote

"Apparently we had reached a great height</br/>in the atmosphere, for the sky was a <strong>dead black</strong>,</br> 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…
  • Apparently we had reached a great height.
    • Nested bullet one.
    • Nested bullet two.

List Items

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

Error Text

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.

Button Text

Download Now

Label

Example

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

By the same illusion which lifts the horizon

How it works

Buttons

Default

Hover

Active

Disabled

Forms

MM slash DD slash YYYY
Drop files here or
Max. file size: 128 MB.
    Example Radio Buttons
    Example checkbox

    Spacing

    Small

    $small-padding

    X Small

    Small

    Large

    X Large

    Medium

    $medium-padding

    X Small

    Small

    Medium

    Large

    X Large

    Large

    $large-padding

    X Small

    Small

    Medium

    Large

    X Large

    Margin

    Small

    $small-margin

    X Small

    Small

    Medium

    Large

    X Large

    Medium

    $medium-margin

    X Small

    Small

    Medium

    Large

    X Large

    Large

    $large-margin

    X Small

    Small

    Medium

    Large

    X Large

    Border Radius

    Small

    $small-border-radius

    Medium

    $medium-border-radius

    Large

    $large-border-radius

    Image Mask

    Default

    One

    Two