{"id":20578,"date":"2013-08-05T06:56:51","date_gmt":"2013-08-05T10:56:51","guid":{"rendered":"http:\/\/webdesignledger.com\/?p=20578"},"modified":"2015-09-01T14:12:52","modified_gmt":"2015-09-01T21:12:52","slug":"16-inspiring-examples-of-retro-and-vintage-elements-in-web-design","status":"publish","type":"post","link":"https:\/\/webdesignledger.com\/16-inspiring-examples-of-retro-and-vintage-elements-in-web-design\/","title":{"rendered":"16 Inspiring Examples of Retro and Vintage Elements in Web Design"},"content":{"rendered":"<p>Sometimes it&#8217;s a texture, a type, a background image, a color scheme or even an icon. There are a lot of elements you can add to a web design to give it a retro or vintage feel. For this post, we&#8217;ve gathered a collection of sites that use this design style. So if you&#8217;re next project calls for a retro or vintage look, you should find plenty of inspiration here.<!--more--><\/p>\n<h3><a href=\"http:\/\/cyclemon.com\/\" target=\"_blank\">Cyclemon<\/a><\/h3>\n<p><a href=\"http:\/\/cyclemon.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro02.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro02.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/2013.inspireconf.com\/\" target=\"_blank\">Ready to Inspire<\/a><\/h3>\n<p><a href=\"http:\/\/2013.inspireconf.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro03.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro03.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.richardphotolab.com\/\" target=\"_blank\">Richard Photo Lab<\/a><\/h3>\n<p><a href=\"http:\/\/www.richardphotolab.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro04.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro04.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/tdhcreative.com\/\" target=\"_blank\">Tom, Dick &amp; Harry Creative<\/a><\/h3>\n<p><a href=\"http:\/\/tdhcreative.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro05.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro05.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.beatboxacademy.ca\/\" target=\"_blank\">Beatbox Academy<\/a><\/h3>\n<p><a href=\"http:\/\/www.beatboxacademy.ca\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro06.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro06.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.dodgeandburn.com\/\" target=\"_blank\">Dodge &amp; Burn<\/a><\/h3>\n<p><a href=\"http:\/\/www.dodgeandburn.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro07.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro07.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.fortyonetwenty.com\/\" target=\"_blank\">FortyOneTwenty<\/a><\/h3>\n<p><a href=\"http:\/\/www.fortyonetwenty.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro08.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro08.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/princeink.com\/\" target=\"_blank\">The Prince Ink Co<\/a><\/h3>\n<p><a href=\"http:\/\/princeink.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro09.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro09.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.knucklesindustries.com\/\" target=\"_blank\">Knuckles Industries<\/a><\/h3>\n<p><a href=\"http:\/\/www.knucklesindustries.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro10.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro10.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.sweez.com.br\/\" target=\"_blank\">Sweez<\/a><\/h3>\n<p><a href=\"http:\/\/www.sweez.com.br\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro11.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro11.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.atticuspetdesign.com\/\" target=\"_blank\">Atticus Pet Design Studios<\/a><\/h3>\n<p><a href=\"http:\/\/www.atticuspetdesign.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro12.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro12.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.ohmydeer.be\/\" target=\"_blank\">Oh my Deer!<\/a><\/h3>\n<p><a href=\"http:\/\/www.ohmydeer.be\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro13.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro13.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/shoshorov.net\/\" target=\"_blank\">Lyudmil Shoshorov<\/a><\/h3>\n<p><a href=\"http:\/\/shoshorov.net\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro14.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro14.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.thevintagecateringcompany.com\/\" target=\"_blank\">The Vintage Catering Company<\/a><\/h3>\n<p><a href=\"http:\/\/www.thevintagecateringcompany.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro15.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro15.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.roxannecook.com\/\" target=\"_blank\">Roxanne Cook<\/a><\/h3>\n<p><a href=\"http:\/\/www.roxannecook.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro16.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro16.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.adjust.be\/home\" target=\"_blank\">Adjust<\/a><\/h3>\n<p><a href=\"http:\/\/www.adjust.be\/home\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448 lazyload\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro17.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"aligncenter size-full wp-image-3448\" title=\"17 Inspiring Examples of Retro Elements in Web Design\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2013\/08\/retro17.jpg\" alt=\"17 Inspiring Examples of Retro Elements in Web Design\" \/><\/noscript><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sometimes it&#8217;s a texture, a type, a background image, a color scheme or even an icon. There are a lot of elements you can add to a web design to give it a retro or vintage feel. For this post, we&#8217;ve gathered a collection of sites that use this design style. So if you&#8217;re next [&hellip;]<\/p>\n","protected":false},"author":492,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,479],"tags":[71,36],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts\/20578"}],"collection":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/users\/492"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/comments?post=20578"}],"version-history":[{"count":0,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts\/20578\/revisions"}],"wp:attachment":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/media?parent=20578"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/categories?post=20578"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/tags?post=20578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}