A NSW Government website
Design System v3.0.5

NSW Design System

The NSW Digital Design System is a toolkit to help digital product teams create good customer experiences quickly.

How the Digital Design System works

The Design System can be used by any department, even if you're not using digital.nsw component kits. The components are UI building blocks, providing a consistent approach to UI and UX designers and engineers.

Use the menu on the left to browse components, read guidance on how they can be used, and follow links to documented UI kits in Figma, HTML, and react.

🔹 You’ll need to use some features of the design system to be brand compliant. These are indicated with a blue diamond.

Core styles

Use these digital styles for a distinctly NSW Government look and feel.

Components

Pre-built, accessible and well tested user interface for your digital products.

Example pages

Examples of page types, layouts and universal page components.

Backlog

Our backlog contains components and patterns that have been requested by our community. We also include elements that the Design System team have identified for potential use by digital creators.

Component Status Contribute
Maps Released View method
Data visualisation Released View method
Dialogue In progress Join the community thread
Landing page header section Not started Start a community thread
File upload Not started Start a community thread
Back to top Not started Start a community thread

Getting updates

To be notified when there’s a new release, you can either join the NSW Design System community or watch the NSW Design System Github.