A NSW Government website

NSW Design System v3.28.1

Search site for:

0 results found.

Menu

Get started
Get started

Understand the NSW Design System, choose the right starting point for your role and find implementation guidance.
Core styles
Core styles

Core styles that create the NSW Government look and feel.
Components
Components

Reusable interface building blocks with guidance, code examples and variants.
Utility classes
Utility classes

Single-purpose classes for applying spacing, layout, visibility and other common styling utilities.
- Background
- Borders
- Box shadow
- Display
- Flex
- Float
- Overflow
- Position
- Reflow
- Spacing
- SVG
- Text
- Vertical alignment
- Visibility
- Z-index
Methods
Methods

Best practice design solutions for specific user-focused tasks and page types.
Release notes

Utility classes

Position

Utilities for controlling how an element is positioned in the DOM.

We pay respect to the Traditional Custodians and First Peoples of NSW, and acknowledge their continued connection to their country and culture.