Components

Colours

Primary

900

800

700

600

500

400

300

200

100

Dark

900

800

700

600

500

400

300

200

100

Error

900

800

700

600

500

400

300

200

100

Warning

900

800

700

600

500

400

300

200

100

Success

900

800

700

600

500

400

300

200

100

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Large

Regular

Small

Caption

Buttons

Primary

Label Label Label Label Label

Label Label Label Label Label

Label Label Label Label Label

Label Label Label Label Label

Dark

Label Label Label Label Label

Label Label Label Label Label

Label Label Label Label Label

Label Label Label Label Label

Light

Label Label Label Label Label

Label Label Label Label Label

Label Label Label Label Label

Label Label Label Label Label

Error

Label Label Label Label Label

Label Label Label Label Label

Label Label Label Label Label

Label Label Label Label Label

Warning

Label Label Label Label Label

Label Label Label Label Label

Label Label Label Label Label

Label Label Label Label Label

Success

Label Label Label Label Label

Label Label Label Label Label

Label Label Label Label Label

Label Label Label Label Label

Disabled

Label Label Label Label Label

Label Label Label Label Label

Label Label Label Label Label

Label Label Label Label Label

Form fields

Basic

Text area

With Icons

With Prefix/Suffix

Prefix

Suffix

PrefixSuffix

Prefix

Suffix

PrefixSuffix

Prefix

Suffix

PrefixSuffix

Hybrid

Prefix

Suffix

Prefix

Suffix

Prefix

Suffix

Checkbox

Small

One
Two

Standard

One
Two

Large

One
Two

Tags

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Label

Progress bar

Standard