Interactive states

Default state

• Hover – darken colour
• Focus – tintier pink outline
• Pressed – inner shadow

There are some exceptions to these rules, such as focus states of Text input and Choices.

Buttons and Links

Radio buttons and checkboxes

Text fields

Dropdowns