Primary colour

Primary colour
Primary Blue
#00a3ff
Primary Blue
#00a3ff
Primary Blue
#00a3ff
Primary Blue
#00a3ff
Primary Blue
#00a3ff
Primary Blue
#00a3ff
Primary Blue
#00a3ff
Primary Blue
#00a3ff
Primary Blue
#00a3ff
Primary Blue
#00a3ff

Secondary colour

Secondary colour

Grey scale

Teal
Muted text
Subheadings, sub titles
Settings menu background
Headings; titles; review content; text field input; text field labels; selection control labels; side menu drawer
Off black
#212121
Grey
#8d8d8d
Light grey
#cfcfcf
Smoke
#eee
Off white
#fafafa
Side navigation hover effect background colour; ghost button hover state background colour; text button hover state background colour; side menu drawer text colour
Background colour; ghost button background colour
Dark grey
#373737

Button Types

Toggle buttons group a set of actions using layout and spacing. They’re used less often than other button types.

Show/hide preview image in expanded cards
Dropdown button with label (optional) and description content (optional)  
Icon buttons are typically used for secondary actions in a card footer.
Text buttons are typically used for less important actions.
Outlined buttons are used for more emphasis than text buttons due to the stroke.
Contained buttons have more emphasis, as they use use a color fill and shadow.

Contained button

Outlined button

Switch button

Accordion button

Dropdown button

Icon button

Text button

Brand position

Automatically publishes reviews on your website

Floating action buttons (FABS)

Coming soon

Button tooltips