Style guide

Logo

Swatches

$color-primary
$color-secondary
$color-highlight
$color-text
$color-bg
$color-border

Typography

Primary typeface

Colfax by Process Type Foundry

ABC
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 (.,:;?!£$@*&)

Typography examples

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraphs

Donec sed odio dui. Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consectetur purus sit amet fermentum.

Donec sed odio dui. Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consectetur purus sit amet fermentum.

Typeface sizes

Example text
$type-micro
Example text
$type-smallest
Example text
$type-smaller
Example text
$type-small
Example text
$type-base
Example text
$type-mid
Example text
$type-large
Example text
$type-largest
Example text
$type-jumbo

Icons

Interface icons

Favicons

16x16
32x32
60x60
152x152