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
















Form fields

Basic







With Icons






With Button




With Prefix/Suffix

Prefix
Suffix
PrefixSuffix

Prefix
Suffix
PrefixSuffix

Prefix
Suffix
PrefixSuffix



Hybrid

Prefix
Suffix

Prefix
Suffix

Prefix
Suffix




Checkbox

Small





Standard





Large








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
Label
Label
Label
Label
Label
Label





Progress bar

Standard