Set Link Colours for a User-Friendly Author Website
Learn how to set link colours for your author website to enhance usability, draw attention to key links, and maintain consistent branding across your pages.
Introduction
The colours you choose for links play a vital role in the usability and design of your author website. In this lesson, we’ll explore two approaches to selecting link colours: aligning them with your brand palette or using traditional blue for recognisable usability. You’ll learn how to set global link colours in Breakdance, update your colour grid, and ensure your links are both visually distinct and strategically placed to guide visitors through your content effectively.
Links
There are two schools of thought when it comes to links.
We could give links the same hex codes as our Brand settings or we can use the traditional BLUE.
I like blue for links. Visitors instantly know it’s a link and it’s a reminder to use links sparingly on your pages because they pull the readers eye to them just like buttons and visitors will click on them. Just make sure you only use links in your pages you REALLY want visitors to click.
- Go to the Colours drop down from inside Global Settings
- Change Links to Blue
The text link will update right away on the live preview.
Update the colour grid
- Click on the Links Div inside the colour grid
- Set the background to the Global Links palette choice
- Change the text inside the Links div to the Alt Heading palette choice for visual clarity./
Summary
In this lesson, you discovered how to set link colours that improve user experience and align with your author website’s branding. By using Breakdance’s global settings, you can create clear and attractive links that stand out without overwhelming your design. Remember to use links sparingly and strategically to maintain focus and guide visitors to the most important parts of your site.
