Website Style Guide

Colours

Black

hsl (0, 0%, 0%)

Uses for the colour black: As yet undefined.

Dark Blue

hsl (250, 100%, 20%)

Uses for the colour dark blue: As yet undefined.

Deep Green

hsl (180, 50%, 20%)

Uses for the colour deep green: As yet undefined.

Dark Grey

hsl (0, 0%, 30%)

Uses for the colour dark grey: As yet undefined.

Beige

hsl (40, 50%, 80%)

Uses for the colour beige: As yet undefined.

Mid Grey

hsl (0, 0%, 50%)

Uses for the colour mid grey: As yet undefined.

Light Grey

hsl (0, 0%, 70%)

Uses for the colour light grey: As yet undefined.

White

hsl (360, 100%, 100%)

Uses for the colour white: As yet undefined.

Fonts

Font-Weight & Style

Chakra Petch

Grenze Gotisch

Nunito

100

(Thin)

- A wizard's job is to vex chumps quickly in fog. -

100

(Thin Italic)

- - -

200

(ExtraLight)

- A wizard's job is to vex chumps quickly in fog. A wizard's job is to vex chumps quickly in fog.

200

(ExtraLight Italic)

- - A wizard's job is to vex chumps quickly in fog.

300

(Light)

A wizard's job is to vex chumps quickly in fog. A wizard's job is to vex chumps quickly in fog. A wizard's job is to vex chumps quickly in fog.

300

(Light Italic)

A wizard's job is to vex chumps quickly in fog. - A wizard's job is to vex chumps quickly in fog.

400

(Regular)

A wizard's job is to vex chumps quickly in fog. A wizard's job is to vex chumps quickly in fog. A wizard's job is to vex chumps quickly in fog.

400

(Regular Italic)

A wizard's job is to vex chumps quickly in fog. - A wizard's job is to vex chumps quickly in fog.

500

(Medium)

A wizard's job is to vex chumps quickly in fog. A wizard's job is to vex chumps quickly in fog. A wizard's job is to vex chumps quickly in fog.

500

(Medium Italic)

A wizard's job is to vex chumps quickly in fog. - A wizard's job is to vex chumps quickly in fog.

600

(SemiBold)

A wizard's job is to vex chumps quickly in fog. A wizard's job is to vex chumps quickly in fog. A wizard's job is to vex chumps quickly in fog.

600

(SemiBold Italic)

A wizard's job is to vex chumps quickly in fog. - A wizard's job is to vex chumps quickly in fog.

700

(Bold)

A wizard's job is to vex chumps quickly in fog. A wizard's job is to vex chumps quickly in fog. A wizard's job is to vex chumps quickly in fog.

700

(Bold Italic)

A wizard's job is to vex chumps quickly in fog. - A wizard's job is to vex chumps quickly in fog.

800

(ExtraBold)

- A wizard's job is to vex chumps quickly in fog. A wizard's job is to vex chumps quickly in fog.

800

(ExtraBold Italic)

- - A wizard's job is to vex chumps quickly in fog.

900

(Black)

- A wizard's job is to vex chumps quickly in fog. A wizard's job is to vex chumps quickly in fog.

900

(Black Italic)

- - A wizard's job is to vex chumps quickly in fog.

Text Styles

All Headings

  • Font-family: Grenze Gotisch (cursive)
  • Font-weight: Regular
  • Font size: xxx-large (H1), xx-large (H2), x-large (H3), Large (H4)

Representation of Code

  • Font-family: Chakra Petch (monospace)
  • Font-weight: Regular
  • Font-size: Medium

Paragraph Text

  • Font-family: Nunito (sans-serif)
  • Font-weight: Regular
  • Font-size: Medium