Free & Premium Retro & Vintage Web Design Elements

  (by )

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.

Navigation Menus


transformology vintage web design example

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.

Free Ribbon Navigation

free retro ribbon navigation menu

You can use this free PSD file to create a working navigation menu with a retro feel.

Banner Navigation

retro ribbon banner navigation menu

The blue ribbon and unique text give this navigation menu a vintage look, and the source files include a fully layered PSD, CSS, and JavaScript.

Bundle of Navigation and Logo.Vol 2

bundle retro ribbon navigation menu logo vol 2

This layered PSD file contains loads of menus in retro styles for you to choose from.

Elegant Ribbon Menu

elegant retro ribbon navigation menu

This navigation menu includes PSD files with your choice of a red, green, or blue ribbon, giving your site a stylish vintage look.

Bundle of Navigation & Borders.Vol 3

bundle retro ribbon navigation menu borders vol 3

If you want some unique vintage navigation menus for your site, then check out this layered PSD file with tons of different styles.

Modern Menu

modern retro free ribbon navigation menu

This free PSD file contains 2 retro navigation menus in different colour schemes for you to choose from.

Badges & Labels

Mom & Popcorn

mom popcorn vintage web design example

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.

8 Retro Vintage Badges

8 retro vintage web badge

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.

PSD Retro Badges Vintage

psd free retro vintage web badge

This set of 6 retro badges is completely free, and it offers a range of colours and styles for you to choose from.

Retro Badges – Faded Vintage Labels

retro faded vintage web badge labels

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.

Retro Badges

free retro vintage web badge

This free retro badge includes a layered PSD file, so you can customise it to meet your needs.

Vintage Logo Badges

vintage logo web badge

This set of 8 black and white vintage badges is perfect for creating logos, buttons, or even just some cool images for your site.

Vector Vintage Labels Vol 1

vector vintage labels web badge vol 1

This set of vintage labels includes 4 different styles and colours for you to choose from.

Retro Vintage Badges

retro scalable vintage web badge

This set of 8 colourful retro badges is scalable and resizable–these badges are sure add some fun to your site.

Vector Vintage Retro Badge

free vector retro vintage web badge

This free vintage badge is the perfect addition to any retro website.

PSD Modern Vintage Stickers Badges

free psd modern vintage stickers web badge

This free set of retro badges contains 8 different styles, so you’ll have lots to choose from.

Web Badges & Ribbons – Vol. II

vintage web badge ribbons vol 2

This set of 8 retro badges is really fun, and the images have a lot of detail and character.

Ribbons & Banners

Irrational Games

irrational games vintage web design example

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.

14 Retro Ribbons & Banners

14 retro web ribbons banners

This set includes 14 retro ribbons and banners in a range of styles, and you can easily change them to any colour you like.

Textured Banner

textured banner retro web ribbon

This textured banner has a vintage ribbon design, making it ideal for lots of different projects.

Pretty Little Folded Ribbon

pretty little free folded retro web ribbon

This free white ribbon has a simple retro style, and it can be used for creating promotions and buttons.

Web Ribbons

72 retro web ribbon

This set of 72 vintage ribbons includes lots of different colours, styles, and shapes, so you can use it for loads of different purposes.

Ribbons Pack

retro web ribbons pack

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.

Stylish Web Ribbons

stylish retro web ribbons

This set of six ribbons is perfect for adding subtle retro touches to your website.

Text Styles & Fonts

Build Responsively

build responsive vintage web design example

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.


lobster free retro font

If you’re looking for a free retro script font, then check out Lobster.

Letterpress Photoshop Layer Style & PSD

letterpress free retro photoshop layer style psd

Use this free text style to give your website a cool vintage look.

Vintage Styles

vintage retro font style

This layer style is perfect for giving your text or images a worn and retro appearance.


speakeasy free retro font

Speakeasy is a caps only free font with a retro style.

Retro Text Style

10 retro text styles

This set includes 10 different text styles, and every style has a unique vintage look.

True Crimes

true crimes free vintage font

This free caps only font has a distressed vintage style.

Web Element Packs

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.

Retro Web Elements

retro vintage web elements

This set includes navigation menus, stickers, banners, and buttons in a range of different vintage styles.

Retro Web Ribbons Vintage PSD Pack

retro web ribbons vintage psd pack

This set of retro ribbon style menus, social media icons, buttons, and banners is perfect getting that vintage look.

Subtle Web Elements II

subtle vintage web elements 2

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!

Are you looking for UK web hosting?  Then check out our web hosting plans!

Subscribe to our mailing list

* indicates required