Design

Variables and colour codes:

$link
rgb(0,161,204)
#00729A

$link-hover
rgb(0,57,78)
#00394E

$link-focus
rgb(0,161,204)
#00A1CC

Supporting information

Use #00729A (dark blue) as the default colour for text links. You can use #282828 as an alternative if needed — for instance if you are using links on a coloured background.

If you’re using a dark background colour you must do a colour contrast check.

All text links should be underlined regardless of what colour they are.

The mouse-over state must use the hand/pointer to indicate that the link is clickable.