Buttons

Buttons

Buttons are used to generate an action. They should clearly explain what will happen when a user clicks on them.

Buttons labels

A successful ‘Call to Action’ button uses sentence case and is directive; for e.g. “Find matches” instead of "Submit” or “Submit group” instead of “Done”.

Button order

Sorted by importance from top to bottom.

Primary button

Find out more

<a href="#" class="button-1">Find out more</a>

Secondary button

Find matches

<a href="#" class="button-2">Find matches</a>
Back to the top of this page