A NSW Government website
Design System v3.2.0

Supporting different roles

The NSW Design System can be used by any department and brand classification, to provide a consistent approach to UI and UX for designers and developers. Even if you're not using the component kits, our ecosystem allows teams to identify and use only what they require.

While the out-of-the-box branding reflects masterbrand corporate, the in-built theming framework can be adapted for all masterbrand, co-brand and even independent classification levels. Endorsed and stand-alone brand classifications can also take advantage of the pre-built base, easily adapted to their own brand identity.

Product Managers

Ensure your products are being built to brand, accessibility and development standards.

The NSW Design System:

  • Speeds up your design process
  • Takes the burden of accessibility compliance off you (WCAG 2.1 AA)
  • Ensures you're following NSW Government branding
  • Enables your designers and developers to work off a common base

Our pre-built kits:

  • Make your digital products responsive for mobile, tablet, and desktop
  • Dramatically speed up your development process
  • Allow you to share components with other design system users

Designers

Ideate and prototype faster with pre-built, accessible and tested assets.

The NSW Design System:

  • Provides single source of truth for all digital brand assets
  • Contains detailed component and pattern UX guidance
  • Connects you with a digital community for support and sharing

Our Figma kit:

  • Includes 30+ reusable components styled to responsive breakpoints
  • Meets brand and accessibility standards (WCAG 2.1 AA)
  • Provides state, colour, and content type variants
  • Features reusable page templates
  • Ensures consistency between design and code

Developers

Build more in less time with flexible and scalable pre-built solutions.

The NSW Design System:

  • Provides consistency between design and code
  • Continuously grows using semantic versioning
  • Built to have all basics out-of-the-box
  • Provides comprehensive documentation

Our code kits:

  • Include 30+ reusable components plus core and helper classes
  • Meets brand and accessibility standards (WCAG 2.1 AA)
  • Ensures cross-browser and cross device compatibility
  • Built using modular, clean and reusable code