DCJ Digital Design System

Callout

Callouts are snippets of text, that draw attention to important content.

Refer to NSW Digital Design System - Callout for full guidance and demo on how and when to use this.

Preview

A screenshot of the callout component with red labels to describe its feature.
Labels: 01 title, 02 summary, 03 highlights bar.

Customisation

  • The highlights bar is by default your brand dark. It can be customised to brand supplementary or brand accent. 
  • Note that any design changes will be applied to all callouts across your website.

DCJ authoring guidelines

  • Title: no character limit, under 100 characters recommended. 
  • Summary: no character limit, under 150 characters recommended. 
  • 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

Callouts can be used on: 

  • content pages 
  • campaign pages 
  • landing pages 
  • homepage. 

They cannot be used on:  

  • Easy Read. 
Last updated:

18 Jun 2024