Smashing Magazine: The <hr /> Contest

“What is <hr />? Basically, it is an old HTML-tag which has been used since the very beginning of the Web. hr stands for the horizontal rule and represents exactly what you would expect — a horizontal line or a horizontal divider. By default, web browsers render hr as a simple horizontal line. In terms of semantics the tag is supposed to clearly separate content blocks. This is often used in design of footers, but also makes sense in other situations — for instance, if you want to separate two blog posts or make the divisions within the content structure sharper.”

Smashing Magazine created a <hr /> design contest in August 2008 for designers to send their entries. The winning designer would receive at home a Wacom Intuos3 9X12 USB Tablet.

That contest was a wonderful way to get exposure and get people to see our creations; we weren’t lucky, as these designs didn’t get into the top entries, but we have the submitted entries for you to see.

The designs are a tribute to the CMYK color mode (Cyan, Magenta, Yellow and Black). Three different styles for different styles of CMYK lovers. You can download the horizontal dividers and use them for free if you like (you just have to save the images below on your computer):