Guide to Web Publishing

Primary colours

Tiles

Use light grey or transparent tile backgrounds. This will maximise the readability of text.

Call-to-action buttons

Use University blue.

Accordions

Use University blue or light grey.

University blue

#11451

Light grey

#f7f7f7

Transparent

Secondary colours

Tiles

Whenever you can, use use light grey or transparent tile backgrounds from the primary colour palete. This will maximise the readability of text. On occasion, you may use a secondary colour (or 'University blue') or a tile background, but never use two secondary colours on the same row or screenful of content. 

Call-to-action buttons

Use University blue.

Accordions

Use University blue or light grey.

Secondary dark colours

Dark red

#7d2239

Dark blue

#005398

Dark green

#405d18

Dark pink

#a60367

Dark purple

#4c2683

Dark grey

#585858

Secondary light colours

Light yellow

#f2d25c

Light blue

#4dbbc6

Light green

#81c071

Light pink

#e98baf

Light purple

#a5a1ce

Rationale

Our aim is to help you maximise the usability and readability of your web site.

2 colour rule

Using only two main colors in design:

  • creates a clean and direct message
  • is focused and easy for the human brain to process
  • minimises visual clutter
  • makes our brand easier to remember
  • guides the viewer's eye to the most important parts of your web page

Too many colors fight for attention and confuse the viewer.