Digital

The visual identity

Further Information

The Visual Identity is a part of the UWA Communications Strategy, and its use must be authorised by the University Website Office.


Page layouts


Page elements


Content containers


If you administer an official web application or other site wearing the Visual Identity, you have access to a wide array of built-in styles.

These may be used for formatting web pages, and are mostly included as part of our core styles sheets, which means they don't require any extra effort to use.

Anatomy of a standard page

There should be no surprises in a well-designed website. When every page displays the same types of information in the same way, and creates links between related information in a consistent manner, the site becomes more usable.

Establishing a consistent aesthetic is only a side goal of UWA's online Visual Identity. More importantly, it enables users of our sites to navigate to the information they need as easily and conveniently as possible.

Header and footer

The header and footer of pages are not editable in the MySource Matrix content management system.

If you maintain an application external to the Website Office, you should work with the Website Office to meet the constraints on the Visual Identity header and footer.

Columns

  • The left-most column contains the main navigation. This area is generated automatically in MySource Matrix and is not editable.
  • The content area to the right of the navigation is typically split into two columns, with the optional fixed-width right hand column typically used to link to additional information.
  • The left-hand content area can be further split into two or three additional columns.

Inline page elements

An introductory paragraph
should open a page with a short description of its purpose.
Headings
should be used appropriately at the start of content sections, starting with heading level 3.
Images
may be decorative or relevant, are usually aligned right, and should be given a border.

Elements used to contain content

Tables
are strictly to be used for tabular data, and tabular data alone.
Lists
(such as this one) have a few different styles for varying types of content.
Forms
allow users to submit data.
Highlight boxes
emphasise a sentence or two of content.
Profile boxes
are used to show a captioned picture of people, such as graduates, along with some information such as a quote.

Styles to designate sub-sections of sites

Current Students styles
give context for pages specifically targeted at current students