Design

business.gov.au branding

No branding

Breakpoints:

Currently displaying the mobile design.

To see designs for other breakpoints please view this page on a larger screen.

Breakpoints:

Currently displaying the mobile design.

To see designs for other breakpoints please view this page on a larger screen.

Layouts

Feature image pathways can be used in all page layouts except the Two column - filter page layout.

Layout:

All breakpoints

The content area is 12 grid-columns wide.

Feature pathway tiles are full width spanning 12 grid-columns each.

The content area is 8 grid-columns wide.

Feature image components span the full width of the content area.

The content area is 9 grid-columns wide.

Feature image components span the full width of the content area.

The content area is 11 grid-columns wide.

Feature image components span the full width of the content area.

The content area is 12 grid-columns wide.

Feature image components span the full width of the content area.

The content area is 9 grid-columns wide.

Feature image components span the full width of the content area.

The content area is 10 grid-columns wide.

Feature image components span the full width of the content area.

The content area is 12 grid-columns wide.

Feature image components span the full width of the content area.

The content area is 8 grid-columns wide.

Feature image components span the full width of the content area.

The content area is 9 grid-columns wide.

Feature image components span the full width of the content area.

The content area is 12 grid-columns wide.

Feature image components span the full width of the content area.

The content area is 8 grid-columns wide.

Feature image components span the full width of the content area.

The content area is 12 grid-columns wide.

Feature image components span the full width of the content area.

The content area is 8 grid-columns wide.

Feature image components span the full width of the content area.

The content area is 11 grid-columns wide.

Feature image components span the full width of the content area.

The content area is 12 grid-columns wide.

Feature image components span the full width of the content area.

Guidelines for use

Purpose: 

Feature image pathways are used to promote content (often on a temporary basis). They provide a high profile pathway (with an image) to another page on the website.   

When to use this component: 

  • Feature image pathways are most commonly used to promote particular news articles on the home page. 

Content rules: 

  • Display description. 
  • Display content type label. 
  • No alt text for pathway image.

Version history

8 August, 2023

  • Added an additional layout (the Two column - tool page alternate layout).

Call to action toast notification

Pops up like cooked bread in a toaster.

Toasts can be left aligned or centered depending on the page context.

Toast notification

Pops up like cooked bread in a toaster.

Toasts can be left aligned or centered depending on the page context.

Changes to this contract are being autosaved.