The Visual Identity is a part of the UWA Communications Strategy, and its use must be authorised by the University Website Office.
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
In MySource Matrix:
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
Often header and footer are not editable in content management system pages.
If you maintain an application external to Digital, you should work with Digital to meet the constraints on the Visual Identity header and footer.
- 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.
- should be used appropriately at the start of content sections. Use semantic ordering of headings.
- may be decorative or relevant and should be given a border.
Elements used to contain content
- are strictly to be used for tabular data and tabular data alone.
- (such as this one) have a few different styles for varying types of content.
- 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