typography test page

Display 1

The quick brown fox jumps over the lazy dog.

Stat

The quick brown fox jumps over the lazy dog.

H1

The quick brown fox jumps over the lazy dog.

H2

The quick brown fox jumps over the lazy dog.

H3

The quick brown fox jumps over the lazy dog.

H4

The quick brown fox jumps over the lazy dog.

H5

The quick brown fox jumps over the lazy dog.

H6

The quick brown fox jumps over the lazy dog.

Testimonial

The quick brown fox jumps over the lazy dog.

Large Body Text

The quick brown fox jumps over the lazy dog.

Large Body Text Bold

The quick brown fox jumps over the lazy dog.

Body Text

The quick brown fox jumps over the lazy dog.

Body Text Bold

The quick brown fox jumps over the lazy dog.

Primary Button

The quick brown fox jumps over the lazy dog.

Caption

The quick brown fox jumps over the lazy dog.

Small Body Text

The quick brown fox jumps over the lazy dog.

Small Body Text Bold

The quick brown fox jumps over the lazy dog.

Menu Button

Menu Link

Menu Link Bold

Very Small Body Text

The quick brown fox jumps over the lazy dog.

Very Small Link

The quick brown fox jumps over the lazy dog.

Label

The quick brown fox jumps over the lazy dog.

Small Label

The quick brown fox jumps over the lazy dog.

Mobile Menu Link Large

Mobile Sub Menu Link

Brand colours

Black

100%

#080E0F

90%

rgba(8, 14, 15, 0.9)

80%

rgba(8, 14, 15, 0.8)

70%

rgba(8, 14, 15, 0.7)

60%

rgba(8, 14, 15, 0.6)

50%

rgba(8, 14, 15, 0.5)

40%

rgba(8, 14, 15, 0.4)

30%

rgba(8, 14, 15, 0.3)

20%

rgba(8, 14, 15, 0.2)

10%

rgba(8, 14, 15, 0.1)

5%

rgba(8, 14, 15, 0.05)

White

100%

#FFFFFF

90%

rgba(255, 255, 255, 0.9)

80%

rgba(255, 255, 255, 0.8)

70%

rgba(255, 255, 255, 0.7)

60%

rgba(255, 255, 255, 0.6)

50%

rgba(255, 255, 255, 0.5)

40%

rgba(255, 255, 255, 0.4)

30%

rgba(255, 255, 255, 0.3)

20%

rgba(255, 255, 255, 0.2)

10%

rgba(255, 255, 255, 0.1)

5%

rgba(255, 255, 255, 0.05)

Ochre

50

#F1E8D6

100

#E8D8BA

200

#DCC598

300

#D0B175

400

#C59E53

500

#B98A30

600

#9A7328

700

#7B5C20

800

#5D4518

900

#3E2E10

Golden Ochre

50

#FFEDD8

100

#FFE1BD

200

#FFD39D

300

#FEC47C

400

#FEB55B

500

#FEA63A

600

#D48A30

700

#A96F27

800

#7F531D

900

#553713

Mossrock

50

#D9DED5

100

#C0C8B9

200

#A1AD97

300

#829174

400

#627651

500

#435A2E

600

#384B26

700

#2D3C1F

800

#222D17

900

#161E0F

Slate

50

#DBE2E4

100

#C3CED1

200

#A5B6BB

300

#869DA4

400

#68858D

500

#4A6C76

600

#3E5A62

700

#31484F

800

#25363B

900

#192427

Basalt

50

#E4E1E4

100

#D3CDD2

200

#BDB4BC

300

#A69AA5

400

#90818F

500

#7A6878

600

#665764

700

#514550

800

#3D343C

900

#292328

Iron Clay

50

#EBD9D4

100

#DEBFB7

200

#CEA093

300

#BE806F

400

#AD604B

500

#9D4027

600

#833521

700

#692B1A

800

#4F2014

900

#34150D

Heather

50

#FCF7FB

100

#F9F1F8

200

#F7EAF5

300

#F4E3F2

400

#F1DCEE

500

#EED5EB

600

#C6B2C4

700

#9F8E9D

800

#776B76

900

#4F474E

Sea Glass

50

#F5FBF8

100

#EFF8F4

200

#E7F4EF

300

#DFF0E9

400

#D7EDE4

500

#CFE9DE

600

#ADC2B9

700

#8A9B94

800

#68756F

900

#4F474E

Lichen Light

50

#F7FBF5

100

#F2F8EF

200

#ECF4E7

300

#E5F0DF

400

#DFEDD7

500

#D8E9CF

600

#B4C2AD

700

#909B8A

800

#6C7568

900

#484E45

Calcite

50

#FCF8F7

100

#FBF4F2

200

#F9EEEB

300

#F6E8E4

400

#F4E3DE

500

#F2DDD7

600

#CAB8B3

700

#A1938F

800

#796F6C

900

#514A48