A NSW Government website
Design System v3.17.5

Our ecosystem

The NSW Design System ecosystem is build to be reusable and adaptable for different applications. Depending on your requirements, you can use only what you need. This may be all elements when building from scratch or just the core when updating existing products to new requirements.

Infographic of the NSW Design System layers

Each element covers brand requirements and building consistent user experiences, ensuring you have:

  • Built in accessibility: designed and tested to meet WCAG 2.1 AA web accessibility standards.
  • UX & content guidance: detailed usage and interaction guidance for creating consistent user experiences.
  • UI & code starter kits: foundations and pre-made components which can be used as a head-start on new projects for designers and developers.

Digital visual identity

How NSW Government branding is applied to digital products, including logo, colour, font and visual design language. These are outlined in the NSW Government Visual identity system for each classification.

Core styles and components

Raw ingredients of the design system that give familiarity across NSW channels. These styles and components build on the digital visual identity by creating practical styles for digital application. Elements indicated by the 🔹 blue diamond are needed for digital brand compliance.

Components

Pre-assembled building blocks that can be re-used and adapted (where required) to meet specific user needs while maintaining a consistent look and feel. These save time but can be replaced with your own components to suit your users' needs.

Methods

Guidance on implementing best practice design solutions to help users complete an action or access information. Supported by styles, components and templates, methods create consistent experiences across all products, channels and departments.

Templates

Constantly expanding library of adaptable pre-built layouts showcasing common design patterns and methods. Templates help teams save time removing the need to build layouts from scratch.

Community

The Digital NSW Community brings together like-minded digital creators to collaborate, share and leverage learnings to create better customer experiences.

We encourage you to ask questions, pose problems/solutions and share your work so we can grow the design system.