Design

Breakpoints:

Currently displaying the mobile design.

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

When the breakpoint ≥ 1320px wide the content is a maximum 1256px wide. The background colour fills the rest of the screen to the left and right.

Logo only

This version of the header is used on:

  • ABLIS landing page
  • ABLIS information pages
  • ABLIS footer link pages

Logo and tool name

This version of the header is used on:

  • ABLIS guided search - business details page
  • ABLIS guided search - category pages
  • ABLIS guided search - results page
  • ABLIS keyword search page

Business licence and regulation finder

With return to BGA strap

The BGA strap is added to the header when:

  • The user has come to ABLIS from business.gov.au.
  • There is no BETA banner present (in the beta phase the BGA strap will not be used).

Business licence and regulation finder

Layouts

The ABLIS site header is used on all ABLIS pages.

Layout: All layouts

All breakpoints

The ABLIS site header is 12 grid-columns wide.

Guidelines for use

Purpose:

The ABLIS header provides branding for ABLIS. It can also provide additional links when appropriate:

  • In tool pages the name of the tool is included underneath the logo (either "Business Licence and regulation finder" or "Keyword search"
  • If the user has previously visited business.gov.au in the same session the 'return to BGA' link is displayed. This link is not present if the user has not come from BGA.

When to use this component:

  • Used across every page of ABLIS to ensure a consistent user experience.

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.