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.


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


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


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


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.

HTML emails (EDMs) »

When sending email newsletters, announcements or invitations on behalf of ANU, there are plenty of HTML email templates available to help you to represent ANU professionally, as well as lots of useful tips and tricks.

Updated:  11 May 2018/ Responsible Officer:  Director Marketing/ Page Contact:  Webstyle