Design
business.gov.au branding
No branding
All breakpoints
All breakpoints
Apply your brand specific colours, borders and images to the base image pathway shown below.
Layouts
Image pathways can be used in all page layouts except the Two column - filter page layout.
Layout:
The content area is 12 grid-columns wide.
Image pathway tiles are 4 grid-columns wide.
The content area is 12 grid-columns wide.
Image pathway tiles are 6 grid-columns wide.
The content area is 12 grid-columns wide.
Image pathway tiles are 12 grid-columns wide.
The content area is 8 grid-columns wide.
Image pathway tiles are 4 grid-columns wide.
The content area is 9 grid-columns wide.
Image pathway tiles are 4.5 grid-columns wide.
The content area is 11 grid-columns wide.
Image pathway tiles are 5.5 grid-columns wide.
The content area is 12 grid-columns wide.
Image pathway tiles are 6 grid-columns wide.
The content area is 12 grid-columns wide.
Image pathway tiles are 4 grid-columns wide.
The content area is 9 grid-columns wide.
Image pathway tiles span 4.5 grid-columns each.
The content area is 10 grid-columns wide.
Image pathway tiles span 5 grid-columns each.
The content area is 12 grid-columns wide.
Image pathway tiles span 6 grid-columns each.
The content area is 12 grid-columns wide.
Image pathway tiles span 12 grid-columns each.
The content area is 8 grid-columns wide.
Image pathway tiles are 4 grid-columns wide.
The content area is 9 grid-columns wide.
Image pathway tiles are 4.5 grid-columns wide.
The content area is 9 grid-columns wide.
Image pathway tiles are 9 grid-columns wide.
The content area is 12 grid-columns wide.
Image pathway tiles are 12 grid-columns wide.
The content area is 8 grid-columns wide.
Image pathway tiles are 4 grid-columns wide.
The content area is 12 grid-columns wide.
Image pathway tiles are 6 grid-columns wide.
The content area is 12 grid-columns wide.
Image pathway tiles are 12 grid-columns wide.
The content area is 8 grid-columns wide.
Image pathway tiles are 4 grid-columns wide.
The content area is 11 grid-columns wide.
Image pathway tiles are 5.5 grid-columns wide.
The content area is 12 grid-columns wide.
Image pathway tiles are 6 grid-columns wide.
The content area is 12 grid-columns wide.
Image pathway tiles span the full width of the content area.
Guidelines for use
Purpose:
The image pathway list component is used to provide pathways to a list of pages on the site, using tiles with a supporting image. It has an optional button below the image pathways.
When to use this component:
- Image pathway components are commonly used on the home, news and customer story index pages. They provide navigation tiles (each with an image) to a list of similar page types (such as news articles or customer stories).
- Image pathways may also be used on content pages for medium priority tasks (for example, to list customer stories for a particular grant).
Content rules:
- Display description for each item.
- No alt text for pathway images.
Version history
8 August, 2023
- Added an additional layout (the Two column - tool page alternate layout).