vic_logo

Buttons - Design System

Help your users perform common actions.

Usage

Buttons are used to highlight key actions for your users to take. They can link to internal pages in your site, or to external websites. Use them sparingly - try not to use more than one button in any single group of content.

Example

Primary buttons

The button is blue and changes to a lighter blue when the mouse is hovering over it.

A visual example of primary buttons.

Secondary buttons

Secondary buttons are a lighter shade of blue. They are only used if a second action is needed alongside a primary action, for example a 'Submit' and 'Cancel' button.

A visual example of secondary buttons.

How to build

A button can be added to any content template. For more detailed information view the Victorian Government digital guide .

Reviewed 12 May 2019

Get support using SDP

Our community of practice for anyone with content on SDP meets once a month. We cover research, analytics, new features and more. You can also learn from how others are using the platform and get support to build new pages. To join or find out more contact nicole.shilo@dpc.vic.gov.au