Who should use it
The NSW 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.
How it works
View core styles, browse components, read guidance on how they can be used, and follow links to documented UI kits in Figma, HTML, and react.
🔹 How to meet brand requirements
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
Reusable building blocks that meet specific interaction or user needs.
- Accordion
- Breadcrumbs
- Buttons🔹
- Callout
- Cards
- Content blocks
- Dialog
- File upload
- Filters
- Footer🔹
- Forms🔹
- Global alert
- Header🔹
- Hero banner
- Hero search
- In-page alert
- In-page navigation
- Link list
- List items
- Loader
- Main navigation
- Masthead🔹
- Media
- Pagination
- Progress Indicator
- Results bar
- Select
- Side navigation
- Status labels
- Steps
- Tables
- Tabs
- Tags
Methods
Best practice design solutions for specific user-focused tasks and page types.
Stay up to date
Get notified when there’s an update or new release in the design system, you can either join our Digital NSW Community or watch the NSW Design System Github.
Build a new component
Anyone can build a new component using the Design System foundations.
Contribute a new component
We welcome all contributions to help improve our services.
Consulting with community
Shape the requirements of components and patterns by contributing feedback, learnings and insights.
| Component | Status | Contribute |
|---|---|---|
| Tooltip | In progress | Join the community thread |
| Side navigation | In progress | Join the community thread |
| Passwords pattern | In progress | Join the community thread |
| Slider filter | In progress | Join the community thread |
Backlog
Components and patterns that have been requested by digital teams or identified by the Design System team for potential use by digital creators.
| Component | Status | Contribute |
|---|---|---|
| Landing page header section | Not started | Start a community thread |
| Back to top | Not started | Start a community thread |