Skip to main content Skip to navigation

Sandboxes Branded Component Library

Branded Component Library

Additional resources

There are additional components on associated pages like:

  • Top navigation
  • Side navigation
  • Search results and filtering

Headers

Should be placed at the top of the page. Rules around when they can be used on primary, secondary and tertiary landing pages. They should inherit the masthead colour.

Short header

Heading

Text.

Image header

Heading

Text.

Alt text

Video header

Heading

Text.

Course search

Should be below the header, using the secondary-masthead colour.

Study search

Undergraduate search

Nav grid

Items can be placed within bootstrap grids or scrollers. Can have different coloured backgrounds. H2 for primary nav, H3 for secondary

Single nav grid item

Multi-level nav grid

Triple nav grid (coral)

Scroller nav grid (h3)

Text and image

Left or right image with different coloured backgrounds.

Left image

Alt text

Title

Text.

Right image

Title

Text.

Alt text

Floating text and image (right)

Text block

Large text.

Standard text.

FAQ block

Multi-level tabbed accordion. Can be different colours.

Title

Item 1 content

Link list

Used to provide a simple list of links. Minimum of 5 links, maximum of 10. Less than 4 should use the CTA block.

Title

Text.

CTA block

Used at the bottom of pages for additional links.

Let us know you agree to cookies