When to Use a Link

Buttons and links serve different purposes: buttons are used for actions, whereas links are used for navigation. Avoid using links to indicate actions, even if they are secondary. Links should be used when a user is directed to a new section, page or website.

As a general rule, if the user is making changes to the back or front-end of the site when clicking, you should use a button. If the user is being directed to a different page, you can use a link.

External Links

If a link is bringing the user to an external web page, this should be indicated using an icon and the page should open in a new window.

Link Styling

Links should not exceed one line in length, and be applied to 2-4 key words rather than a full sentence or line.

Links should always include a hover state and a visited state, and should look different from the rest of the text. In this system, links are displayed as follows:

Regular: Nunitio Sans Regular at 16 points

Hover: Nunitio Sans Regular at 16 points

Visited: Nunitio Sans Regular at 16 points

There are other colour options for visited links. Best practice for visited links is to use a muted version of your hyperlink colour, a secondary colour or the standard purple: #551A8B.

This is a link