Buttons
Buttons are calls to action that are used to direct users to related pages.
- These buttons must be used only within main content regions of a page; they must not be used in asides.
- Buttons must not be used mid-sentence. They must always appear on their own line separated from written content.
Primary button
- Primary buttons are used on all pages with the primary blue theme.
Code
Secondary and tertiary buttons
- Secondary and tertiary buttons are used on pages currently using the secondary and tertiary palette themes.
- A web page currently using
btn-secondary buttons is the main undergraduate study landing page.
- A web page currently using
btn-tertiary-1 buttons is the main postgraduate study landing page.
- A web page currently using
btn-tertiary-3 buttons is the main non-degree study landing page.
Code
Label buttons
- Label buttons must be used only on forms and other tasks that involve a user completing a task.
- For further information on the application of buttons in forms, see the 'form elements' pattern.
Code