DCJ Digital Design System

Button link list

The button link list is a cross between a button and a link. It is a set of links styled as buttons presenting suitable next best actions or content based on what the user wants.  The button link list draws attention to important content and encourages the user to explore the content. 

Preview

A screenshot of the button link list component with red labels to describe its feature.
Labels: 01 title, 02 page description.

Placement

Place a button link list above the main content of a page to maximise the visibility of the promoted content.

Customisation

Button link outline and text should default to your brand dark.

DCJ enhancement

Allow the grouping of component items under a heading to ensure they fit within the semantic structure of the page.

DCJ authoring guidelines

  • A minimum of two (2) and a maximum of six (6) button links can be added per component. 
  • Link to URL or page path only. Do not link to a file or asset. 
  • Maximum 40 characters allowed in component heading title. 
  • Maximum 35 characters allowed for each button link.
  • This component contains the HTML heading tags of H2, H3, H4, H5 and H6. When choosing the heading level, consider the hierarchy and structure of your content to ensure an optimal reading experience for your audience.

Page type

Button link lists can be used on:

  • landing pages
  • campaign pages
  • homepage.

They cannot be used on:

  • content pages
  • Easy Read.
Last updated:

11 Jul 2024