New web

Web pattern library, style and technical reference

Templates

Standard Templates

Key:
Global template area
Standard template area
Optional template area

Standard 3-column Page

Default layout, left-hand menu, 50% width content area, and sidebar. If no sidebar is specified when using the 3-column layout, the content area will automatically exapnd to 75% width, the same as the 2-column page with menu layout.

UON Header
Page Header (Optional)
Menu
Content
Sidebar

Usage

Features

TBC.

Components

TBC.

Setup

Design customisation #XX - UON 2016

Standard 2-column Page with Menu

Two column layout, 75% width content column, navigation will appear on the left-hand side, 'sidebar' widgets will appear in a stackable grid below the content area.

UON Header
Page Header (Optional)
Menu
Content
Sidebar

Usage

Features

TBC.

Components

TBC.

Setup

Design customisation #XX - UON 2016

Standard 2-column Page with Sidebar

Two column layout, 75% width content column, 25% width sidebar, navigation will appear at the top of the page.

UON Header
Page Header (Optional)
Menu
Content
Sidebar

Usage

Templates featuring top navigation, including the two-column with sidebar layout, are restricted to special-case uses. Existing sites featuring the top navigation will be transitioned to the two/three column templates that include the default left-hand navigation.

Features

TBC.

Components

TBC.

Setup

Design customisation #XX - UON 2016

Standard 1-column Page

Single full-width content column, navigation will appear at the top of the page, 'sidebar' widgets will appear in a stackable grid below the content area.

UON Header
Page Header (Optional)
Menu
Content
Sidebar

Usage

Templates featuring top navigation, including the one-column layout, are restricted to special-case uses. Existing sites featuring the top navigation will be transitioned to the two/three column templates that include the default left-hand navigation.

Features

TBC.

Components

TBC.

Setup

Design customisation #XX - UON 2016