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 masterbrandopen_in_new, co-brandopen_in_new and even independentopen_in_new classification levels. Endorsedopen_in_new and stand-aloneopen_in_new 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.2 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 a shared source for digital brand assets, detailed component and pattern guidance, responsive variants and reusable page templates.

Get started as a designer, or go directly to the Figma UI Kit.

Developers

Build more in less time with flexible and scalable pre-built solutions. The code package provides reusable components, core styles and helper classes designed for accessible, responsive and cross-browser implementation.

Get started as a developer for package installation, imports, JavaScript setup, CDN and starter options, browser support and updates.