Our ecosystem
The NSW Design System ecosystem is built 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 styles when updating existing products to new requirements.
Each element covers brand requirements and building consistent user experiences, ensuring you have:
- Built in accessibility: designed and tested to meet WCAG 2.2 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
Raw ingredients of the design system that give familiarity across NSW channels. Core styles build on the digital visual identity through practical foundations such as colour, typography, spacing and layout. 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.
Utility classes
Single-purpose CSS classes for applying common spacing, layout, display and presentation styles without writing custom CSS.
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 NSW Design System 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 and solutions, and share your work so we can grow the design system. Contact the team at [email protected].