New web

Web pattern library, style and technical reference

Templates

Restricted Templates

The use of these templates is restricted to specific sections/pages on the UON website, these are not available for general use by the web publishing community.

Interim Homepage

Full-width carousel, or hero image, at the top of the page with content and components below. Based largely on the overall structure of the current homepage, but with new carousel, refined components to better align with the new template system, performance improvements, and a lifted prominence for the degree/course search.

UON Header
Page Header / Carousel
Degree Search
Intro
Feature widget carousel
Brand
Locations
Events
News

Usage

This template is still in development.

Use of this template is restricted to the main UON Homepage, www.newcastle.edu.au.

Pages requiring this template can only be set up by the web team.

Components

  • Header carousel
  • Degree search
  • Intro / brand statement
  • Feature widget carousel
  • Campuses and Locations
  • Events widget
  • News widget
  • Indigenous acknowledgement

Setup

Design customisation #224828 - UON 2016 - Home

Homepage

Full-width carousel, or hero image, at the top of the page with content and components below. 'Oversized' global navigation, overlapping header carousel/image space. 'Feature' content grouped by audience (study/research/etc.), increased presence of contact/location info, redesigned news/events.

UON Header
TBC

Usage

This template is still in development.

Use of this template is restricted to the main UON Homepage, www.newcastle.edu.au.

Pages requiring this template can only be set up by the web team.

Components

TBC.

Setup

Design customisation #224828 - UON 2016 - Home

Tier 1 Landing Page

Full-width carousel, or hero image, at the top of the page with content and components below.

UON Header
Page Header / Carousel
Content

Usage

Use of this template is restricted to the primary/top-level/external facing entry points to the UON website, for example Tier 1 landing pages such as Study, Research and Innovation, and About.

Pages requiring this template can only be set up by the web team.

Features

  • Full width header image or carousel

Components

Setup

Design customisation #268992 - UON 2016 - Landing Page
#289720 - UON 2016 - Landing Page - With Carousel
#382736 - UON 2016 - Landing Page - With Top Menu

Tier 2 Landing Page

Fixed size carousel, or hero image, at the top of the page, with content and components below.

UON Header
Page Header / Carousel
Content

Usage

This template is still in development.

Use of this template is restricted to the secondary entrypoints to the UON website, in cases where the primary audience is internal, or the main focus is not marketing related, for example Current Staff, Current Students, Library, Faculties/Schools.

Pages requiring this template can only be set up by the web team.

Features

  • Content-width header image or carousel
  • TBC.

Components

TBC.

Setup

Design customisation #364653 - UON 2016 - Sub Landing Page
#364693 - UON 2016 - Sub Landing Page - With Carousel

Sub-Landing Page

Full-width hero image (no carousel), at the top of the page, with content and components below.

UON Header
Page Header
Content

Usage

This template is still in development.

Use of this template is restricted to the tertiary entrypoints to the UON website, for sections that may not be part of the top-level site navigation, but that are considered key entry points for specific audiences or campaigns, for example New Students, STEMM, and CABLE.

Pages requiring this template can only be set up by the web team.

Features

  • Full-width header image
  • TBC.

Components

TBC.

Setup

Design customisation #XX - UON 2016 - XX