How to Make Your Website Look Retro

Retro Icon

Source: Designrfix

Web design has a love of all things retro. You can’t scan the web for long before you come across a site with faux wood textures or faded and breezy images influenced by the aesthetics of another time. These old styles are even large parts of current design trends such as flat design and the new found focus on typography. Designers are constantly taking the old and turning it new again.

Some choose to lean more heavily into the retro styles than others. While many flat designs owe debts of gratitude to minimalist styles of the 50’s and 60’s, you usually wouldn’t confuse the two. Others however do their best to emulate the styles of earlier times as closely as they can, but translated into a digital medium.

Going retro is a popular style for many brands and artists, and it isn’t any more difficult to achieve than most other current design aesthetics. Designrfix recently shared tips to really get the look and feel of older times, if you want to try it out for yourself.

Think Retro – The first step is getting inspiration. It can be difficult to detach yourself from your contemporary ideas of good style, and the best way to do that is go directly to the source. Search out old magazines and newspapers, any sort of graphic media from the time you can find. There is a huge amount of it online, and you’ll be able to get inspired within just a couple searches.

Focus on Simple Shapes – Vintage and retro styles are characterized by simplicity. Designs of the past relied on impact to grab attention, and this was usually achieved by using very simple shapes like circles which demand attention. Consider a circle surrounded by decoration, or blocky and heavy arrangements.

Limit Your Use of Color – Modern designers have it easy. We can use any assortment of colors we want on the web, even down to slight shading choices. Designers of the past were limited by the expense of full color printing, so they often relied on two-toned coloring to come up with colorful designs without breaking the bank. Using black-white, orange-yellow, or cream-brown color combinations will immediately make viewers think of older printing styles.

Retro Typefaces and Fonts – As previously mentioned, big typography in retro styles is an absolute necessity of a vintage site. The style has grown some legs on its own, but it still is a defining trait of older styles. You need to choose a font reflective of the era you want to reflect. Using the wrong typeface can seem anachronistic or lazy, so take your time and get it right. Check what designers were using in the era you’re emulating and find something similar online. It shouldn’t be hard to do so.

Borders – Borders have always been a big part of design, and ornamental borders were definitely a big part of making older designs attention grabbing. Frame your images and content in borders and simple shapes and you’re site will already look pretty retro.

Badges – Interestingly, if you look at websites with retro designs, you tend to see lots of badges as buttons, even though badges weren’t actually a big part of designs in the past. Still, these badges remind users of county-fair days and older times, while also standing out on the page and drawing attention. It is a simple addition that works better than it should.

Using the Right Texture – Well used textures can make a boring page feel stoic and formal. They can entirely define how a page feels, and can certainly make a page feel more retro. The trick is subtlety and integrating the texture into the layout, not simply laying it over things.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply