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.
8-4 split, text left
Text-led feature with a narrow supporting image on the right.
7-5 split, text left
Balanced feature layout when copy needs a slight lead over imagery.
6-6 split, text left
Equal split feature for content and imagery with the text on the left.
4-8 split, text right
Image-led feature with a narrower content panel on the right.
5-7 split, text right
Balanced image-and-copy layout with the text block on the right.
6-6 split, text right
Equal split feature that mirrors the layout with the text on the right.
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.