Design

Breakpoints:

Currently displaying the mobile design.

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

All breakpoints

Layouts

The links presented above are used on the Two column - ABLIS information page layout.

Layout: Two column - ABLIS information page

The content area is 8 grid-columns wide.

Result tiles span the full width of the content area.

The content area is 9 grid-columns wide.

Result tiles span the full width of the content area.

The content area is 9 grid-columns wide.

Result tiles span the full width of the content area.

The content area is 12 grid-columns wide.

Result tiles span the full width of the content area.

Guidelines for use

Purpose:

Used in ALBIS to display a collection of results at the end of a tool process. The two different result tiles are used in different tool contexts:

  • ABLIS action links are used in the 'Apply now' section of ABLIS information pages to present application links.
  • ABLIS key information links are used in the 'Key information' section of the ABLIS information pages to present important resources that are not application links.

Version history

13 June, 2025

Created the ABLIS information page links component page.

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.