Features

The Feature component spans the full width of the email canvas and displays content in two columns. One column contains a full-bleed image with no padding. The other includes a heading, short description and a call-to-action (CTA) button or link.

Use this component to pair text with a supporting image or icon. It’s ideal for promoting services, campaigns or key content in a way that balances clarity with visual impact.

You can use a single Feature to highlight a message, or stack multiple Features to build a modular story. Layout variations adjust the proportion of space between text and image, helping you emphasise either the written content or the visual.

When to use

Use the Feature component when:

• you want to highlight a service, program or campaign using both text and imagery
• content needs to be scannable and balanced, not presented as plain text
• alternating left–right layouts add visual rhythm to longer emails
• an image, icon or graphic reinforces the message without dominating it.

When not to use

Avoid using the Feature component for:

• long-form letters or policy notices – use the Letter template instead
• highly transactional content, such as reminders or receipts – use the Transactional template
• media-heavy content where the image is primary – use Image or Card components.

Layout options

The Features component includes several layout variations that control how space is shared between text and images. Choose a layout that reflects your content's purpose and supports a clear reading flow.

Design guidance

• Keep text concise – headings, a short summary, and a primary link or button
• Ensure images are contextual and add meaning rather than decoration
• Alternate left/right versions in long emails to avoid monotony
• Use NSW Government brand imagery, pictograms, or photography to maintain trust and consistency

Accessibility

• Always provide alt text for images
• Maintain a clear reading order – text first in the source code so it reads correctly when stacked on mobile or by screen readers
• Ensure sufficient contrast between text and background
• Avoid embedding critical content in images – always pair with text