Skip to main content

A NSW Government website

Digital NSW

Landing Page Components

The purpose of this page is to show the available components on the Digital.NSW website via the Landing Page template. This is because the NSW Design System is always ahead of the implementation on Digital.NSW, as well as some components within the Design System not being relevant for this website.

Hero Banner

Hero Banner w/ Image

Note the ratio of the image to the right, it will crop the image when at small widths, but its max size will be 100% of the height, then however wide the image is (in its proper proportion). This means the more square the image is, the narrower the image will be which you can see in examples of this banner below.

Test Full Width Banner Image

Hero Banner w/ Image

This is the light variation of the hero banner. It also combines an image that is closer to a square (1:1) in its dimensions, which means it doesn't cover as much of the righthand space, leading into the area beyond the browser's righthand edge.

Hero image for the accessibility and inclusivity toolkit

Hero Banner w/ Image

This is a banner variation with a white background, showing how an image with a portrait orientation will sit in the area to the right because of its image ratio as well as how much text is in this area. The more text there is, the more it pushes the container down and the higher the entire banner becomes. Note: if in a shallower version, the image becomes smaller, and to cover the entire righthand area beyond the browser's edge takes a much shallower image to do so.

Microsoft HoloLens

Hero Banner w/ Line Design & Button

This is an example of a hero banner with a line system styling applied to it. Note that you can't combine this version with an image. This version also includes a button that you can use to link.

Hero Banner w/ Line Design & Button

This is an example with a light colour variation as well as the line design.

Hero Banner w/ Line Design & Button

This is an example with a white background and the line graphic.

Hero Banner w/ Link List

This is a test full width hero banner with a link list. You can see that you can add descriptive text here. You can also have it without the CTA.

Hero Banner w/ Link List

This is a hero banner block in a light theme with a link list, description and a main call to action button.

Hero Banner w/ Link List

This is a hero banner block with a white background.

Featured Activities and Templates block

This is a WYSIWYG block to add to the Featured Activities and Templates block.

  • Feature 1
  • Feature 2
  • Feature 3
  • Feature 4

Newsletter Block (Full Width)

Newsletter Block

Webform

WYSIWYG

WYSIWYG stands for What You See Is What You Get - which is an editor that most would be familiar with where you can see the impacts of a customisable content area where you can format text, create lists, add media as well as add approved HTML tags.

Cards

Note that currently we can't create a card within the WYSIWYG editor, this is a potential future feature, but at present, you need to use it in is on section layout type 'Card grid.' This means it'll need to occupy an entire row, rather than sharing left or righthand space with a content body for example.

Vertical Cards

This is a description for a card. It's best not to have these too long for best UX.

This is a description for a card. It's best not to have these too long for best UX.

This is a description for a card. It's best not to have these too long for best UX.

This is a description for a card. It's best not to have these too long for best UX.

Vertical Cards (Image)

Laura at CPP Partner Workshop

This is a description for a card. It's best not to have these too long for best UX.

Laura at CPP Partner Workshop

This is a description for a card. It's best not to have these too long for best UX.

Laura at CPP Partner Workshop

This is a description for a card. It's best not to have these too long for best UX.

Laura at CPP Partner Workshop

This is a description for a card. It's best not to have these too long for best UX.

Artificial Intelligence | Digital NSW
Mission 1

This is a test article description.

Artificial Intelligence | Digital NSW
Card title

This is test horizontal card text content.

Optional Card Contents

This is a description for a card. It's best not to have these too long for best UX.

This is a Tag

This is a description for a card. It's best not to have these too long for best UX.

This is a Tag

This is a description for a card. It's best not to have these too long for best UX.

Tag

Header inside content box

This is a test description paragraph about a case study.This is a test description paragraph about a case study. This is a test description paragraph about a case study.

Accordions

Faux Components

These are components that aren't 'real' components in Drupal that we can drop, but are created as a sort of faux component that has been put together with a combination of other components.

 

Case Study

This is a test description paragraph about a case study. This is a test description paragraph about a case study. This is a test description paragraph about a case study.

 

 

Laura at CPP Partner Workshop
Laura at CPP Partner Workshop

13 March 2019

Creating a Digital Design System for NSW Government

A lot of exciting things are happening across the NSW Government in the digital space, but there’s currently no consistent approach for how we design digital services, reusable…


13 March 2019

Creating a Digital Design System for NSW Government

A lot of exciting things are happening across the NSW Government in the digital space, but there’s currently no consistent approach for how we design digital services, reusable…


13 March 2019

Creating a Digital Design System for NSW Government

A lot of exciting things are happening across the NSW Government in the digital space, but there’s currently no consistent approach for how we design digital services, reusable…


13 March 2019

Creating a Digital Design System for NSW Government

A lot of exciting things are happening across the NSW Government in the digital space, but there’s currently no consistent approach for how we design digital services, reusable…


 

Faux icon list with no margin/padding and content box card

check icon
List Item
check icon
List Item
check icon
List Item

Case Study

This is a test description paragraph about a case study.This is a test description paragraph about a case study. This is a test description paragraph about a case study.

Click me

Image with no margin or padding

Laura at CPP Partner Workshop

Center Aligned Image and Content Layout (no nbsp;)

Case Study

This is a test description paragraph about a case study.This is a test description paragraph about a case study. This is a test description paragraph about a case study.

Click me

Laura at CPP Partner Workshop
workshop icon

'When you are the employee just trying to do your job and the only thing that is disabling you is the technology, it is a horrible, horrible feeling to be put in that position. You just want to be able to do your job.'

— Accessibility NSW research participant

Digital Restart Fund | Digital NSW

Digital Restart Fund

Funding iterative, multi-disciplinary approaches to planning, designing and developing digital products and services in NSW.

View more

Strategy | Digital NSW

Strategy

Strategic directions and objectives for NSW to continue its exciting journey in becoming a leading customer-centric, digitally-enabled government.

Explore the strategy

Digital Service Toolkit | Digital NSW

Digital Service Toolkit

Design, develop and deliver better digital experiences using the best NSW Government resources.

Get the tools and templates

ICT Assurance | Digital NSW

ICT Assurance

Helping government agencies deliver successful ICT projects.

View more

calendar_month
Timeframe 2-3 months
info

Rockdale Service Centre is coming soon

Rockdale Agency will close on 9 March 2018 and re-open in April. Please visit Kogarah Service Centre during this closure.

Check circle

Treasury

Oversight of compliance with Treasury Policy

Check circle

Treasury

Oversight of compliance with Treasury Policy

Check circle

Treasury

Oversight of compliance with Treasury Policy

Check circle

Treasury

Oversight of compliance with Treasury Policy

Digital Restart Fund | Digital NSW

Using public generative artificial intelligence (AI) tools safely

What is a public generative AI tool?

Download guide (PDF, 662.51 KB)

Title

Content...

Title

Content...

Title

Content...

Title

Content...

 

Digital inclusion


 

check icon

Work, socialisation, political participation, and government services continue to shift online. It's more important than ever that all NSW citizens have equal access to and participation in digital. Digital Restart Fund projects are helping advance digital inclusion by making digital services more accessible for vulnerable communities. This includes culturally and racially marginalised (CARM) individuals, people who speak a Language Other than English (LOTE) at home and those living with a disability.

Facilitating collaboration through a connectivity roundtable  | Technology Industry | Connectivity | Digital NSW

Help keep your details updated.

Hero image for the accessibility and inclusivity toolkit

Reach out to our team for support.

There’s always a delicate balance between harnessing AI’s benefits and mitigating potential risks. Jessica noted that the technology itself is not the risky part, the challenge lies in the solutioning and implementation of AI projects.

2022 - 2023 Financial Report

View the report

Do

Fact check and verify outputs before using for any official purpose.


Ensure outputs reflect consideration of all relevant information.


Comply with applicable legislative requirements and laws.


Disable training and logging features. Disable chat history.


Enable multi-factor authentication where available.


Reference any AI-generated content.


Seek advice from your privacy or security team if unsure or where guidance can't be found.

Don't

Allow generative AI to make decisions for the NSW Government.


Use outputs that infringe on copyright or violate intellectual property rights.


Disclose or input personal, official, sensitive, classified or health information.


Open any AI-generated links or files.


Use unofficial generative AI websites applications or plugins.


Use AI-generated code in government systems and/or input or validate code from any government systems.


Input large government datasets.

ict-test

Mobilise

Get the right people together and on the same page before and during the project.

Why mobilise your buying team?

When and how to mobilise

Key milestones

Stakeholder roles and responsibilities

View more

ict-test

Mobilise

Get the right people together and on the same page before and during the project.

Why mobilise your buying team?

When and how to mobilise

Key milestones

Stakeholder roles and responsibilities

View more

ict-test

Mobilise

Get the right people together and on the same page before and during the project.

Why mobilise your buying team?

When and how to mobilise

Key milestones

Stakeholder roles and responsibilities

View more

Back

2.1 Principles

Brief description of the stage. A blurb some would say.

Go to 2.1 Principles

Next

2.3 How SDAs are determined for agencies to use

Brief description of the stage. A blurb some would say.

Go to 2.3 How SDAs are determined for agencies to use

Optional heading here describing what it is


$100K saved p.a


1600 mins saved p.a


"X" months to ROI

goals-white.png

DSIA: Digital Strategy, Investment & Assurance

goals-white.png

Identity.NSW

goals-white.png

GTP: Government Technology Platforms

goals-white.png

Cyber Security NSW

goals-white.png

NSW Telco Authority

goals-white.png

Spatial Services

goals-white.png

DSIA: Digital Strategy, Investment & Assurance

goals-white.png

Identity.NSW

goals-white.png

GTP: Government Technology Platforms

goals-white.png

Cyber security

goals-white.png

NSW Telco Authority

goals-white.png

Spatial Services

goals-white.png

ICT / Digital Sourcing

 

 

Digital solutions for NSW

Digital NSW is an agency of seven Branches accelerating digital government in NSW.  We provide strategy, policy, guidance, platforms, tools and funding, and products and services transforming NSW Government. We enable customer-centric service delivery for an accessible, efficient and safe future NSW.

Digital solutions for NSW

Digital NSW is an agency of seven Branches accelerating digital government in NSW.  We provide strategy, policy, guidance, platforms, tools and funding, and products and services transforming NSW Government. We enable customer-centric service delivery for an accessible, efficient and safe future NSW.


 

We are

  • Quisque eget velit id mauris
  • Morbi dignissim augue quis augu
  • Praesent vehicula nisi nec ligula
  • Quisque eget velit id mauris
  • Morbi dignissim augue quis augu
  • Praesent vehicula nisi nec ligula

Who we are

Digital NSW is an agency of seven Branches accelerating digital government in NSW.  We provide strategy, policy, guidance, platforms, tools and funding, and products and services transforming NSW Government. We enable customer-centric service delivery for an accessible, efficient and safe future NSW.

Our branches

Digital Strategy, Investment and Assurance | Identity NSW | Cyber Security NSW | NSW Telco Authority | Spatial Services | ICT / Digital Sourcing | Government Technology Platforms

A lot of exciting things are happening across the NSW Government in the digital space, but there’s currently no consistent approach for how we design digital services, reusable…
Stories
July 25, 2024
A lot of exciting things are happening across the NSW Government in the digital space, but there’s currently no consistent approach for how we design digital services, reusable…
NSW AI Assessment Framework Thumbnail | Digital NSW

1A: Make digital services inclusive

NSW is home to 32% of Australia’s population and is one of the most diverse states in the world1. We are committed to making digital services inclusive by supporting all NSW communities on their digital journey. This includes people with disability, people from culturally and linguistically diverse (CALD) communities, Aboriginal and Torres Strait Islander peoples, people of all age groups, and those located in regional and rural areas.

Our goal is to make it easier for everyone to access government digital services by uplifting digital literacy skills in the community through programs and initiatives to address the digital divide. The digital divide happens when some people in the community can easily access information and services online while others cannot.

We’re also committed to providing the same level of service to those less able to use digital services and will maintain face-to-face and over the phone options for our communities. For example, people can access government services in person through over 117 Service NSW Centres, which serve over 115,000 customers a week², and over the phone via 13 77 88.

Digital Restart Fund | Digital NSW

Commitments

  • Providing more options for people to access government websites using languages other than English.
  • Make it easier for citizens of NSW to interact with government and business through building a NSW Digital
  • Wallet to store internationally recognised credentials.
  • Making digital transactions more inclusive through digital verification of NSW Photo ID card 
  • Building NSW Digital ID to enable citizens to securely prove who they are, when transacting online with government and commercial organisations.
  • Continue alignment with National Strategy and the 5 year National Roadmap of DIVC priorities endorsed by the Data and Digital Ministers. 
  • Establishment of a Compromised Credential Register (CCR) as a means to better support people who have had their data breached.  
  • Consult, Draft and Implement the three identity related elements of legislation, which will improve an individual’s safety when transacting online, and allow individuals to prove who they are and what they are entitled to when accessing private and public sector services. 
  • Redesigning the planning portal to enhance user-centricity and accessibility, aiming to streamline the development approval process
Digital Restart Fund | Digital NSW

Progress we've made in the area

Building the NSW Digital ID and NSW Digital Wallet

Building the NSW Digital ID and NSW Digital Wallet to make it easier for people to interact with government and business. We piloted the Digital First Aid Certificate in June 2024, the first verifiable credential to be trialled by an Australian Government.

Creating a more inclusive experience at our Service NSW Centres

Creating a more inclusive experience at our Service NSW Centres with initiatives like Quiet Hour. During Quiet Hour, noise and distractions are minimised and lighting is dimmed. This makes it easier for customers who find it challenging to complete transactions in a heightened sensory environment. It is now available in more than 110 Service NSW Centres.

Providing access to government services

Providing access to government services through Mobile Service Centres for people who are unable to visit a service centre. Specific initiatives, such as the Kangaroo Bus, continue to add our mobile service offering, and support Aboriginal communities in rural and remote areas. 

Providing opportunities for the community

Providing opportunities for the community to digitally upskill through initiatives like Tech Savvy Seniors. This provides free to low-cost training sessions for seniors to help build their confidence in using digital services. 

Helping the community engage with digital services

Working with councils and industry partners, the Western Parkland City Digital Equity and Inclusion Insights Program will provide insights and information to help uncover the key reasons people can’t participate digitally in Western Parkland City.

NSW Automation Guideline | Digital NSW

Case study

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been.

Go to case study


Woman on purple laptop

3rd Oct 2024

Delivering digital with purpose through the
NSW digital strategy

NSW Digital Strategy | Digital NSW

3rd Oct 2024

Delivering digital with purpose through the
NSW digital strategy