Style Guide

The core styles of this website are displayed here for testing and auditing purposes.

Typography

There are three typographic styles. Serif, Sans Serif and Monospace.

Serif

desktop

Headline

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Base

Caption

mobile

Headline

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Base

Caption

Sans Serif

desktop

Headline

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Base

Caption

mobile

Headline

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Base

Caption

Monospace

desktop

Headline

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Base

Caption

mobile

Headline

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Base

Caption

Colors

There are five primary colors in the color scheme, set in three different shades.

BlackGrayBlueGreenGoldPink

Dark

Medium

Light

Grid

A basic 12 column grid is used for layout. For mobile, this grid is simplified to a 6 column grid.