Retro, in general, is a style that brings on a sense of nostalgia. It\u2019s one of the most effective web designs when it comes to connecting sites with users. Even without brands or icons<\/a>, retro has the power to make users say, \u201cI remember this.\u201d As a result of this user-centric design<\/strong><\/a>, they\u2019re intrigued by the site and give its content and offerings a chance.<\/p>\n Modern retro takes generations X and Y in mind, flaunting design patterns that were popular from the 1970s to the 1990s. Also referred to as nerd culture, it\u2019s easily identified by the following elements:<\/p>\n Intrigued? Here are 20 modern retro web designs that have gained the acclaim of both designers and website users for you to be inspired by.<\/p>\n Nominated for many prestigious web design awards including the 2016 CSS Design Awards, this one-page web design by MNSTR (@MNSTR_agence)<\/strong><\/a> flaunts a retro-style game with pixel art characters and humor that appeals to millennials.<\/p>\n Designed by Stephen Shaw (@anartfulscience)<\/strong><\/a>, An Artful Science is the web designer\u2019s own site. Through this site, he offers his web design and digital marketing expertise. However, this modern retro site made headlines when it became an Awwwards nominee.<\/p>\n To reflect its dynamic style and dedication to disco and modern dance, Boogie Lover Band contacted Maeve Lander<\/strong><\/a> from Enigma Digital to create a modern retro style site. The band\u2019s logo actually boogies to the movement of your pointer and the colors are vibrant enough to make you want to dance. (PS: listening to Daft Punk\u2019s Harder, Better, Faster while playing with the logo can be VERY distracting<\/em>).<\/p>\n Another Awwwards nominee, The Dazzling D-man: Design Superhero was designed by Darin Senneff (@dsenneff)<\/strong><\/a>. It\u2019s a one-page website that\u2019s really bound to bring a smile to your face. You\u2019ll especially love the Reference section since you can interact with each character to see their testimonial.<\/p>\n Merry Kitschmas is an online tool that allows you to create the most awkward Christmas pictures. Designed by Phoenix The Creative Studio (@__ThePhoenix)<\/strong><\/a>, the site flaunts an interactive one-page design that has a 70s feel. Even the images created by the site\u2019s users and the fonts used reflect this modern retro design.<\/p>\n Limoncello Studio (@Lmncello)<\/strong><\/a> showed its graphic design expertise through its own website. Flaunting a pure retro theme depicted by 90s style animation, the French site is truly a site for sore eyes (pardon the pun<\/em>). If you\u2019re planning a modern retro web design, this is definitely a great source of inspiration.<\/p>\n Owned by Chris Perryman, Revelation Concept (@RevConcept)<\/strong><\/a> made the list due to its retro fonts and design elements. You\u2019ll feel a very 90s vibe from this site despite the relatively older graphics. With engaging content to add, this is definitely an interesting site to check out.<\/p>\n Nothing screams the 80s like neons. And that\u2019s exactly what Crispin Porter + Bogusky (@cpbgroup)<\/strong><\/a> used for The Producer’s Mixtape, the company\u2019s production checklist and custom 3D printable case. Just one look at this will make you miss your old cassette selection.<\/p>\n Step back into the 80s and 90s through Cameron\u2019s World by Cameron Askin (@CameronAskin)<\/strong><\/a>. Offering a collage of images from GeoCities pages, a service that lasted till 2009, the site is a gorgeous representation of everything modern retro. And Cameron is quite thorough as he even designed the scroll bar to remind users of Windows 98.<\/p>\n Niek Dekker (@niekdekker)<\/strong><\/a> in an Amsterdam-based designer who has a good command over web designs and everything retro. In fact, press the Space bar on his site and your heart will skip a beat because you\u2019ll relive one of the horrors you experienced while using the earlier versions of Windows.<\/p>\n To complement its selection of retro fonts, Font Diner (@fontdiner)<\/strong><\/a> created a site that\u2019ll easily appeal to the modern retro generations. Everything from the font to the hues and all the way to the design elements gel well to give the site a user-friendly look.<\/p>\n Blending both vintage and modern retro, the site of Team Fannypack is definitely a treat for generations X to Z as well as older ones. Denise Chandler (@deniselchandler)<\/strong><\/a> is the artiste behind this appealing web design and one of the main reasons the site was a success.<\/p>\n Designed by Dave Shea (@mezzoblue)<\/strong><\/a>, CSS Zen Garden offers web designers a range of CSS resources. If you ever read Tintin growing up or even watched one of the movies, the banner will actually click with you. Even if you haven\u2019t, the retro styled scouts will bring back fond memories (maybe not your own if you\u2019re too young<\/em>).<\/p>\n Dedicated to the feature film on the life of Tom of Finland, this website by Great Apes (@greatapesltd)<\/strong><\/a> flaunts a 70s look, which is the era in which the artist\u2019s work gained the most praise. The font complements the imagery, further driving the modern retro theme home.<\/p>\n Another site that combines both vintage and modern retro elements, Markgia was designed by Sanson y Dalila (@sansonydalila)<\/strong><\/a>. The design earned an Awwwards honorable mention because of the creativity and effort invested in its creation.<\/p>\n Designed by the agency\u2019s owner Robert Podgorski (@blackmoondev)<\/strong><\/a>, the official website of BlackMoon Design uses the different 8-bit games and characters throughout. Despite the lack of content, the images and the site\u2019s design itself testify to Robert\u2019s expertise in game development. <\/p>\n Though the header designed by Nikola Lazarevi\u0107 (@colaja)<\/strong><\/a> is what makes this site a good example of modern retro, the overall simplicity contributes to the overall effect. These elements are in a sharp contrast between the posts themselves, but the site\u2019s layout isn\u2019t affected. In fact, you can say the design will keep readers on the page for long.<\/p>\n Nothing can flaunt your web design skills as effectively as your own official website. That\u2019s why Tom, Dick and Harry Creative (@TDHcreative)<\/strong><\/a> designed their own website and added elements of modern retro design there.<\/p>\n The New York Moon is a \u201ccollection of experimental, reflective, and imaginative projects that unfold in any medium.\u201d While its posts are intriguing, the first thing users will love is its design, which was co-designed by Tumblr\u2019s creative director Zack Sultan (@ZackSultan)<\/strong><\/a>.<\/p>\n The last Awwwards nominee on this list, the site of Restaurant La Banquise is the combined effort of Alec Lacroix (@aleclacroix)<\/strong><\/a>, Marie Bergeron (@marie_bergeron)<\/strong><\/a>, and Gabrielle Bastien (@GabBastien<\/strong>)<\/a>. It reminds users of early 90s cartoons and graphics, which is why it\u2019s one of the best examples of this design trend.<\/p>\n So, which of these designs did you like the most? Do you have any suggestions you may want to add to this list? Get in touch and let\u2019s swap ideas for the benefit of both web designers and website owners.<\/p>\n The motto for 2016 is: \u201cEverything old is new again.\u201d With so many blasts from the past, it was only a matter of time before web design joined this trend and introduced the modern retro style. While this style is … Continue reading \n
Related: How to Pull off a Perfect Website Design Strategy and Plan<\/a><\/strong><\/h3>\n
1. The SmART of Seduction<\/a><\/h2>\n
![\"The](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/The-SmART-of-Seduction-1.jpg\" "\\"The")
<\/a>
\nImage: Awwwards<\/a><\/p>\n2. An Artful Science<\/a><\/h2>\n
![\"An](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/An-Artful-Science.png\" "\\"An")
<\/a><\/p>\n3. Boogie Lover Band<\/a><\/h2>\n
![\"Boogie](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/Boogie-Lover-Band.jpeg\" "\\"Boogie")
<\/a><\/p>\n4. The Dazzling D-man: Design Superhero<\/a><\/h2>\n
![\"The](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/The-Dazzling-D-man.jpeg\" "\\"The")
<\/a><\/p>\n5. Merry Kitschmas<\/h2>\n
![\"Merry](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/Merry-Kitschmas.jpeg\" "\\"Merry")
<\/a>
\nImage: Awwwards<\/a><\/p>\n6. Limoncello Studio<\/a><\/h2>\n
![\"Site](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/Site-de-Limoncello-Studio.jpg\" "\\"Site")
<\/a><\/p>\n7. Revelation Concept<\/a><\/h2>\n
![\"Revelation](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/Revelation-Concept.jpeg\" "\\"Revelation")
<\/a><\/p>\n8. The Producer’s Mixtape<\/a><\/h2>\n
![\"The](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/The-Producers-Mixtape.png\" "\\"The")
<\/a><\/p>\n9. Cameron\u2019s World<\/a><\/h2>\n
![\"Cameron\u2019s](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/Cameron\u2019s-World.png\" "\\"Cameron\u2019s")
<\/a><\/p>\n10. Niekdekker.sexy<\/a><\/h2>\n
![\"niekdekker.sexy\"](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/niekdekker.sexy_.jpeg\" "\\"niekdekker.sexy\\"")
<\/a><\/p>\n11. Font Diner<\/a><\/h2>\n
![\"Font](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/Font-Diner.jpg\" "\\"Font")
<\/a><\/p>\n12. Team Fannypack<\/h2>\n
![\"Team](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/Team-Fannypack.jpg\" "\\"Team")
<\/a><\/p>\n13. CSS Zen Garden<\/a><\/h2>\n
![\"CSS](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/CSS-Zen-Garden.jpg\" "\\"CSS")
<\/a><\/p>\n14. Tom of Finland<\/a><\/h2>\n
![\"Tom](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/Tom-of-Finland.jpg\" "\\"Tom")
<\/a><\/p>\n15. Markgia<\/a><\/h2>\n
![\"Markgia\"](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/Markgia.jpg\" "\\"Markgia\\"")
<\/a><\/p>\n16. BlackMoon Design<\/a><\/h2>\n
![\"BlackMoon](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/BlackMoon-Design.jpg\" "\\"BlackMoon")
<\/a><\/p>\n17. Ken Kaminesky Blog<\/a><\/h2>\n
![\"Ken](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/Ken-Kaminesky-Blog.jpg\" "\\"Ken")
<\/a><\/p>\n18. Tom, Dick & Harry Creative Co.<\/a><\/h2>\n
![\"Tom,](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/Tom-Dick-Harry-Creative-Co..jpg\" "\\"Tom,")
<\/a><\/p>\n19. The New York Moon<\/a><\/h2>\n
![\"The](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/The-New-York-Moon.jpg\" "\\"The")
<\/a><\/p>\n20. Restaurant La Banquise<\/a><\/h2>\n
![\"Restaurant](\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2016\/05\/Restaurant-La-Banquise.jpg\" "\\"Restaurant")
<\/a><\/p>\nRelated: 7 Biggest Challenges Of Web Design<\/a><\/strong><\/h3>\n