Website design guidelines

Colour

Website colour usage cheat sheet

Black

  • Tick check iconHeadlines
  • Tick check iconBody copy
  • Tick check iconTables
  • Tick check iconStatic information
  • Tick check iconSoft alerts
  • Tick check iconHomepage icons
  • Tick check iconCustom buttons

Burgundy

  • Tick check iconWebsite header
  • Tick check iconCampaign themes

Orange

  • Tick check iconOrange bar graphics
  • Tick check iconChevrons for information links and expandables
  • Tick check icon'New' message
  • Tick check iconCampaign themes

Green

  • Tick check iconStart buttons
  • Tick check iconNext buttons
  • Tick check iconAction links
  • Tick check iconExternal links
  • Tick check iconTick icons
  • Tick check iconSuccess and confirmation alerts

Blue

  • Tick check iconInformation buttons
  • Tick check iconPrevious buttons
  • Tick check iconInternal links
  • Tick check iconInteractive elements
  • Tick check iconCampaign themes

Yellow

  • Tick check iconActive link border
  • Tick check iconActive input border
  • Tick check iconService alert input border

Red

  • Tick check iconWarning and failure alerts
  • Tick check iconCampaign themes
  • Cross icons

Medium Grey

  • Tick check iconDividing key lines

Dark Grey

  • Tick check iconGrey copy
  • Tick check iconForm labels