Vintage and retro web design has been a huge trend over the last few years, mainly because this nostalgic style works well for a large range of different websites. You can easily give your website a vintage makeover simply by combining the right elements, such as retro badges and labels, ribbon navigation menus and banners, and old-fashioned fonts or text styles.
I’ve rounded up some of my favourite free and premium web elements to help you get the vintage look you want, and I’ve even included some screenshots of live websites for design inspiration.
Transformology, the website for business coach and consultant Ken Mann, has a decidedly vintage style due in large part to retro fonts and a ribbon style navigation menu. A ribbon navigation menu can add a bit of texture and depth to a simple website, or it can be used to complete a kitschy vintage look. You can use the following free and premium ribbon navigation menus to create a functional and attractive menu for your website.
You can use this free PSD file to create a working navigation menu with a retro feel.
This layered PSD file contains loads of menus in retro styles for you to choose from.
This navigation menu includes PSD files with your choice of a red, green, or blue ribbon, giving your site a stylish vintage look.
If you want some unique vintage navigation menus for your site, then check out this layered PSD file with tons of different styles.
This free PSD file contains 2 retro navigation menus in different colour schemes for you to choose from.
The website for Mom and Popcorn, a gourmet popcorn and candy retailer, has an over the top retro look, thanks to a number of different elements, including vintage style badges and labels. If you want to create a logo, promotion, or button with a retro look, you can customise the following free and premium vintage labels and badges to match your needs and branding.
This set of 8 vintage badges can be used for creating promotions, logos, buttons, or even just to add a bit of style to your website.
This set of 6 retro badges is completely free, and it offers a range of colours and styles for you to choose from.
This set of eight retro badges has a faded grunge look which you can increase, decrease or turn off completely, making these elements perfect for a range of different designs.
This free retro badge includes a layered PSD file, so you can customise it to meet your needs.
This set of 8 black and white vintage badges is perfect for creating logos, buttons, or even just some cool images for your site.
This set of vintage labels includes 4 different styles and colours for you to choose from.
This set of 8 colourful retro badges is scalable and resizable–these badges are sure add some fun to your site.
This free vintage badge is the perfect addition to any retro website.
This free set of retro badges contains 8 different styles, so you’ll have lots to choose from.
This set of 8 retro badges is really fun, and the images have a lot of detail and character.
The website for Irrational Games, a games studio, has lots of vintage touches, including ribbon accents in black and red. Ribbon style accents and banners work really well with vintage website designs, and they’re great for adding a bit of interest to simple websites. If you want to incorporate ribbons into your site’s designs, then choose your favourites from the following free and premium web elements.
This set includes 14 retro ribbons and banners in a range of styles, and you can easily change them to any colour you like.
This textured banner has a vintage ribbon design, making it ideal for lots of different projects.
This free white ribbon has a simple retro style, and it can be used for creating promotions and buttons.
This set of 72 vintage ribbons includes lots of different colours, styles, and shapes, so you can use it for loads of different purposes.
This set of vintage ribbons offers tons of different sizes for you to choose from, and it includes a leather and denim style, as well as a red satin style.
This set of six ribbons is perfect for adding subtle retro touches to your website.
The website for the Build Responsively Workshop is relatively simple, but it has a distinctly retro feel, courtesy of ribbon accents and vintage fonts. Typeface can completely change the look and feel of a website, so it’s important to choose the right fonts, as well as the right text styles, when you’re going for a retro theme. There are tons of free and premium vintage fonts and text styles available, and the following are just a handful of styles and typefaces to get you started.
If you’re looking for a free retro script font, then check out Lobster.
Use this free text style to give your website a cool vintage look.
This layer style is perfect for giving your text or images a worn and retro appearance.
Speakeasy is a caps only free font with a retro style.
This set includes 10 different text styles, and every style has a unique vintage look.
This free caps only font has a distressed vintage style.
If you want to combine all of these elements to create your retro website, then you can use one of the following web element packs. These web element packs include vintage style navigation menus, ribbons accents, badges, and labels, all with unique fonts and text styles.
This set includes navigation menus, stickers, banners, and buttons in a range of different vintage styles.
This set of retro ribbon style menus, social media icons, buttons, and banners is perfect getting that vintage look.
Not only does this set include stickers, buttons, banners, and boxes, but it also comes with 2 free vintage style backgrounds.
I hope this post has inspired you to experiment with different fonts, menus, buttons, and banners to get the retro look you want!
If you need to build an ecommerce website to sell computers, tablets, TVs, phones, and cameras, then you have to check out these Prestashop themes. All of these Prestashop...
Superb fast support and exceptional service, thank you! In particular Tim and Andy go the extra mile, thanks guys. Patient polite and professional :-) I had decided to try out another hosting company, which lasted about 24 hours before I realised that I was not going to get the same level of service from them that Evohosting provides. Without a glitch I was back with Evohosting... and putting it all down to experience! Highly recommended.