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
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