A NSW Government website
Design System v3.22.7

Section

Flexible layout component that groups content and components together providing consistent vertical spacing.

Usage

A section provides a selection of background colour and style options to help you build and design.

Do's:

  • Use it with or without a container.
  • Use it inside the grid.
  • Organise a group of components together that provide functionality for the user.

Vertical spacing

Full padding

Half padding

No padding

Image

Image

Box

Box

Colour

Brand Dark

Brand Light

Brand Supplementary

Black

White

Off White

Grey 01

Grey 02

Grey 03

Grey 04

Inverted colours

To use components and links within sections with a dark or supplementary background, use the nsw-section--invert class. Because supplementary backgrounds must have enough contrast with white text (#FFFFFF), Green 02, Orange 02, Yellow 02, and Brown 02 cannot be used in an inverted section. See Theming for the complete list of compliant colours.

First Home Owner's Grant (New Homes) scheme (FHOG)

Buying or building your first home? You may be eligible for a $10,000 grant under the First Home Owner's Grant (FHOG) scheme.

This grant scheme only applies to buying or building a new home.

You can make a claim if:

  • your home is newly constructed and has a total value of less than $600,000
  • the land and the dwelling you intend to build has a combined value of less than $750,000.
HomeBuilder program

If you are building a new home, you could also be able to apply for the Australian Government grant of $25,000. To be eligible you must:

  • sign the contract between 4 June 2020 and 31 December 2020
  • commence within 3 months of the contract date.

HomeBuilder complements the NSW Government’s existing First Home Owner Grant and stamp duty concessions.

First Home Buyer Assistance scheme (FHBAS)

The NSW Government recently announced increased thresholds for purchases of new homes and vacant land to build a new home from 1 August 2020. The threshold for existing home purchases remains unchanged.

Use this template to review our in-page components on a dark background.