Buttons

We think they should be big, clear and distinctive.

Labelled button

buttons_labelled

Iconic button

An iconic button has a label underneath it, aligned to the centre.

buttons_iconic

Affirmative button

To be used when completing an action. For example, ‘send’.

buttons_affirmative

Combo button

Use the combo button to display secondary variations of the primary action.

Note: This button is a work in progress and subject to change. Why does this illustration look different?