Loading...
A NSW Government website
Search for a command to run...
The Card is a modular content block that combines an image or icon, heading, body text and call to action into a cohesive unit. It presents information in a clear, structured layout that is easy to scan, compare and act on.
Cards are ideal for grouping related content – such as services, articles or updates – in a consistent and visually engaging format. They support flexible layouts while maintaining structure, making them effective in grids or sequences.
Use Cards to highlight programs, news or features where clarity, consistency and visual engagement are important.
Cards are flexible content blocks that adapt to different screen sizes. Use them to:
Cards are commonly used in marketing emails, newsletters and other content where visual design supports readability and engagement.
Avoid using cards for:
The Card component supports a range of variations to balance text and imagery:
A vertical card with a feature image above the heading and text. Best for visual content or multi-topic grids.
A vertical card that uses a pictogram or icon instead of a photo. Useful for services, processes or quick feature highlights.
A horizontal card with more space for text and a smaller image on the right. Ideal when the message matters more than the image.
A horizontal card with a small image on the left and wider text area on the right. Supports a natural left-to-right reading flow.
A balanced horizontal card with equal space for image and text, with the image on the left. Good for visual storytelling.
A balanced horizontal card with equal space for image and text, with the image on the right. Adds visual rhythm in layout sequences.