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