Skip to content

Add underline to callout links #1030

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jun 3, 2025

Conversation

alexandersandberg
Copy link
Member

Adds an underline to links in callout blocks to make it more obvious that they are links.

Motivation:

It's really difficult to tell that there are two links here.

For UX reference, see Affordances.

Affordances are the characteristics or properties of an object that suggest how it can be used. It shows a user that an object can be interacted with.

Currently, there are no affordances on these links other than the verb in the text suggesting an action.

This PR adds an underline to the links to make them appear more like links.

Notes:

  • I decided to not add a hover effect as we don't have that elsewhere either
  • We may want to look over other links on the website as well and consider adopting this underline as purely distinguishing a link by color is not ideal due to varying color perception abilities among visitors

Modifications:

  • Added an underline to the callout block links

Result:

Before After
CleanShot 2025-06-03 at 09 19 20 CleanShot 2025-06-03 at 09 18 51

@federicobucchi federicobucchi merged commit 4d4f6f6 into redesign Jun 3, 2025
4 checks passed
@federicobucchi federicobucchi deleted the alexandersandberg/callout-links-underline branch June 3, 2025 18:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants