Web style guide

ANU web style consists of a standard framework as well as a number of ANU classes which are available for your use via ANU style sheets. Using the standard framework and classes will help your site appear as an official ANU site, and will help ensure your site is easy for visitors to use and accessible to a wide variety of audiences.

ANU classes

There are many classes available for use in your content area (see the style sampler for ideas). We encourage you to tell us about new styles you need so that we can make these available to everyone and so that custom style sheets or inline styles won't be needed.

Layout

Start by choosing from the many grid layouts. Then use boxes and divider lines to add further structure and emphasis.

Text

Use headings to show the structure of your content and breadcrumbs to help make navigation easier. Always use descriptive link text.

Graphics

Use University or College colours for shading and accents. Use images and icons to complement your text and make it easier to scan.

Framework

standard ANU framework

The standard ANU website framework (click to enlarge)

  1. Site banner
  2. Menu area
  3. Content area
  4. Site footer
  5. ANU footer

For development sites, alert bars can be used.

Your site will automatically have these elements if it is created using our PHP templates, and other systems also have this framework in place.

Any deviation from the standard ANU framework must be approved by the Marketing Office.

Applications

Web applications should follow the publication process for all websites. However, unlike a content site, the extent to which an application is styled as ANU can vary. Every effort should be made to comply with web style, but sometimes this is not possible due to technical, functional or practical limitations.

» read more about application styling

Updated:  30 November 2016/ Responsible Officer:  Director Marketing/ Page Contact:  Webstyle