Design guidelines

The icons are intended to be used as #666 Grey with a mouse-over state of black. However designers and developers can adjust the icons to suit the background of the site, provided they stay within the guidelines below.

  1. P and policy number hexagon must always be the same colour.
  2. The icon must be a monochrome colour, ranging from white though all greys to black.
  3. The mouse-over state should be a different monochrome colour to the standard icon colour.

This chart shows how to adapt the icons to suit any colored background [76 kb PDF].

Known issues

  • We’ve had reports of the icon disappearing within a set of scroll bars. This appears to happen within some firewalls (eg RMIT University). Logged as issue 12 on Github. We would appreciate more reports of this issue, so that we can nail it down.