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
TRANFORMOLOGY
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
You can use this free PSD file to create a working navigation menu with a retro feel.
Price: Free!
5 NAVIGATION MENU
This layered PSD file contains 5 different types of navigation menus you can use to add some vintage touches to your website.
Price: $4
BANNER NAVIGATION
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.
Price: Free!
BUNDLE OF NAVIGATION AND LOGO.VOL 2
This layered PSD file contains loads of menus in retro styles for you to choose from.
Price: $5
ELEGANT RIBBON MENU
This navigation menu includes PSD files with your choice of a red, green, or blue ribbon, giving your site a stylish vintage look.
Price: Free!
BUNDLE OF NAVIGATION & 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.
Price: $5
MODERN MENU
This free PSD file contains 2 retro navigation menus in different colour schemes for you to choose from.
Price: Free!
Badges & Labels
MOM & POPCORN
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
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.
Price: $6
PSD RETRO BADGES VINTAGE
This set of 6 retro badges is completely free, and it offers a range of colours and styles for you to choose from.
Price: Free!
RETRO BADGES – FADED VINTAGE 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.
Price: $4
RETRO BADGES
This free retro badge includes a layered PSD file, so you can customise it to meet your needs.
Price: Free!
VINTAGE LOGO BADGES
This set of 8 black and white vintage badges is perfect for creating logos, buttons, or even just some cool images for your site.
Price: $4
VECTOR VINTAGE LABELS VOL 1
This set of vintage labels includes 4 different styles and colours for you to choose from.
Price: Free!
RETRO VINTAGE BADGES
This set of 8 colourful retro badges is scalable and resizable–these badges are sure add some fun to your site.
Price: $4
VECTOR VINTAGE RETRO BADGE
This free vintage badge is the perfect addition to any retro website.
Price: Free!
PSD MODERN VINTAGE STICKERS BADGES
This free set of retro badges contains 8 different styles, so you’ll have lots to choose from.
Price: Free!
WEB BADGES & RIBBONS – VOL. II
This set of 8 retro badges is really fun, and the images have a lot of detail and character.
Price: $6
Ribbons & Banners
IRRATIONAL GAMES
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.
FANCY RIBBONS
You can use these free vintage style pink and blue ribbons for creating promotions or to highlight certain areas of your website.
Price: Free!
14 RETRO 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.
Price: $4
TEXTURED BANNER
This textured banner has a vintage ribbon design, making it ideal for lots of different projects.
Price: Free!
PRETTY LITTLE FOLDED RIBBON
This free white ribbon has a simple retro style, and it can be used for creating promotions and buttons.
Price: Free!
WEB RIBBONS
This set of 72 vintage ribbons includes lots of different colours, styles, and shapes, so you can use it for loads of different purposes.
Price: $6
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.
Price: $4
STYLISH WEB RIBBONS
This set of six ribbons is perfect for adding subtle retro touches to your website.
Price: Free!
Text Styles & Fonts
BUILD RESPONSIVELY
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
If you’re looking for a free retro script font, then check out Lobster.
Price: Free!
LETTERPRESS PHOTOSHOP LAYER STYLE & PSD
Use this free text style to give your website a cool vintage look.
Price: Free!
VINTAGE STYLES
This layer style is perfect for giving your text or images a worn and retro appearance.
Price: $4
SPEAKEASY
Speakeasy is a caps only free font with a retro style.
Price: Free!
RETRO TEXT STYLE
This set includes 10 different text styles, and every style has a unique vintage look.
Price: $4
TRUE CRIMES
This free caps only font has a distressed vintage style.
Price: Free!
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
This set includes navigation menus, stickers, banners, and buttons in a range of different vintage styles.
Price: $6
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.
Price: Free!
SUBTLE WEB ELEMENTS II
Not only does this set include stickers, buttons, banners, and boxes, but it also comes with 2 free vintage style backgrounds.
Price: $5
I hope this post has inspired you to experiment with different fonts, menus, buttons, and banners to get the retro look you want!
0 Comment to "FREE & PREMIUM RETRO & VINTAGE WEB DESIGN ELEMENTS"
Post a Comment