1. Home
  2. Playbook: UI components

Cards

Cards are used instead of inline (text) links on the website. There are different card styles used for specific purposes.

List group

The list group component is a collection of slim cards in a vertical list designed to fit nicely between paragraphs of content. List groups can be used with an H2, H3 or no heading if they follow a leading paragraph. They work with one or more cards.

The link list is a variation of the list group component designed to condense the space taken by several links in a list.

List group example

Standard card  

External link card  

This is an external link card with a title, description and external link icon.

Link list example

Standard card  

External link card  

Card group

Cards groups can be used with an H2 or H3 heading. They work best when there are many cards in a collection and feature these layout options:

  • 2x1, 2x2, 2x3 and 2x unlimited
  • 3x1, 3x2, 3x3 and 3x unlimited
  • 4x1, 4x2, 4x3 and 4x unlimited

Each layout has an option to 'load more' that appears when additional cards are hidden.

There are two types of card group:

  1. Cards are assigned to the group manually
  2. Cards appear automatically by selected tag

Card group example - 2 column

Standard card  

This is a standard internal link card with a title, description and decorative pill.

Image card  

This is an image internal link card with a title and description.

Card group example - 3 column

Standard card  

This is a standard internal link card with a title, description and decorative pill.

Image card  

This is an image internal link card with a title and description.

External link card  

This is an external link card with a title, description and external link icon.

Card group example - 4 column

Standard card  

This is a standard internal link card with a title, description and decorative pill.

Image card  

This is an image internal link card with a title and description.

External link card  

This is an external link card with a title, description and external link icon.

Image card  

This is an image internal link card with a title and description.

Automated card group example

WorkSafe investigates Tottenham warehouse fatality  

Tuesday 15 September 2026

A worker has died in an incident at a Tottenham warehouse this morning.

Expert advice and guidance on offer for Health and Safety Month  

Tuesday 15 September 2026

Victorian workplaces will be able to connect to better safety with the latest advice from industry experts and leaders through a series of in-person and online events next month.

WorkSafe investigates Truganina scissor lift fatality  

Thursday 10 September 2026

WorkSafe is investigating the death of a worker after an incident at a Truganina factory yesterday.

Prefabricated concrete elements falling during transport  

Tuesday 08 September 2026

WorkSafe Victoria reminds employers and self-employed persons to control the risks while loading and transporting prefabricated concrete elements.

Solar company fined $100,000 for repeated falls from heights offences  

Friday 04 September 2026

A solar installation company has been convicted and fined a total of $100,000 after repeatedly failing to address the risks of falls at four residential homes in Victoria.

Department store and robotics supplier charged after warehouse fatality  

Thursday 03 September 2026

WorkSafe has charged a department store chain and a warehouse robotics supplier following the death of a worker at a Ravenhall distribution centre in September 2024.

Use of power tools on asbestos  

Tuesday 01 September 2026

WorkSafe is reminding employers and self-employed persons about the regulatory requirements for the use of certain tools or instruments on asbestos-containing materials.

Dairy producer makes Footy’s Favourite Farmer history  

Monday 31 August 2026

A Cudgewa dairy farmer and dedicated community volunteer has become the first ever woman to be crowned Footy's Favourite Farmer.

Crackdown on falls risks in the solar sector  

Wednesday 26 August 2026

Regulators are shining a light on Victoria's solar sector, reminding employers there is no excuse for putting workers at risk of deadly falls.

Resource list

The resource list component is a collection of slim cards locked to the resource content type. It is stacked in a vertical list designed to fit nicely between paragraphs of content. Similar to list groups, they can be used with an H2, H3 or no heading if they follow a leading paragraph. They work with one or more cards.

Resource list example

No results returned

Resource group

Cards in the resource group are locked to the resource content type. Resource groups can be used with an H2 or H3 heading. They work best when there are many cards in a collection and feature these layout options:

  • 2x1, 2x2, 2x3 and 2x unlimited
  • 3x1, 3x2, 3x3 and 3x unlimited
  • 4x1, 4x2, 4x3 and 4x unlimited 

Each layout has an option to 'load more' that appears when additional cards are hidden.

Resource group example - 2 column

No results returned

Resource group example - 3 column

No results returned

Resource group example - 4 column

No results returned