While whinging about the underlines on text, I pointed out that this site's design worked well, but I couldn't quite put my finger on it.

A bunch of folks pointed out a few technical details - that it was a shadow, not an underline, but since it is a different colour than the text it flowed a little better.

  1. We can actually have obvious links without having the text in different colours - what folks felt was very 1990s web 1.0.

  2. In languages with diacritics and bits that hang under the text, it's more obvious that it's one link

Here's a small example:

Enter image description here

It looks a lot better, solves one critique people have of the design - since the text stands out less yet is an obvious link

I don't know much CSS (and less of Less), so I don't now if we could change the underline colour for clicked links (which would solve a second), but could we consider this as an alternative way to handle links?

  • 1
    The way lifehacker.com does it, the links also change colour on hover, which would help accessibility a bit. Sep 6, 2018 at 2:50
  • If they can change on hover then it seems very likely that they can change if visited. Sep 6, 2018 at 3:05
  • Bit I don't like about this style: it writes over the descenders rather than breaking nicely for them as native underlining does.
    – Shog9
    Dec 4, 2018 at 19:04
  • I personally prefer that, but to each their own
    – Journeyman Geek Mod
    Dec 4, 2018 at 20:28


You must log in to answer this question.

Browse other questions tagged .