Tiny Trends

Tiny Trend #7: Chunky, Overlapping Underlines

1px underlines are so dated. Ew.

Jon Moore
Jon Moore
Sep 26, 2017 · 2 min read

There used to be a time where you could just use use standard <a> underlines for links and then designers started getting annoyed that the lines would overlap characters that had descenders (way back from 2012). There are smart fixes for that today, but the other way to fix it is to just double-down on that overlap. WE’RE GOING ALL-IN, BABY.

Chunky, overlapping lines can be used for hyperlinks when the color is light enough. They can also be used as typographic decoration on headings, or to simply draw attention to particular words or phrases.

I have a feeling this is truly a tiny trend and will look clunky once we all get tired of it. But until that happens, lets take a look at some fantastic applications of this trend and bask in their chunky, overlapping goodness.




wired.com





When I’m not underlining words with big, fat lines, I’m working on Sketch design tools at UX Power Tools to make you a better, more efficient designer.

Follow UX Power Tools on Twitter
Follow me on Twitter

UX Power Tools

A publication for designers, written by designers.

Jon Moore

Written by

Jon Moore

Senior Design Partner at www.innovatemap.com in Indianapolis, and co-founder of www.uxpower.tools. Contact me for writing opportunities at 1jonmoore@gmail.com.

UX Power Tools

A publication for designers, written by designers.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade