Buttons execute an action or change the state of an application. Button text helps users understand what action will occur when they click or tap.
Types
At AO, we use the following types of buttons across all interfaces.
Primary

Secondary

Tertiary

Action

Colours
The colours of a button depend on the colour scheme of the interface and the type of button used.
Colour Palette - Athena Blue

Primary

Secondary, Tertiary & Action

Specifications
At AO, we use the following button specs across all interfaces.
Default & Micro

Behaviours
At AO, we use the following button behaviours across all interfaces.
Primary, Secondary & Tertiary

Action
