Menu Search
Jump to the content X

Retro and Vintage In Modern Web Design


Retro and vintage are becoming a new trend. Once rarely used in this robust, dynamic medium, early, retro and vintage elements are now becoming more and more popular in a variety of design contexts. Online shops, corporate designs, portfolios and blogs incorporate both styles on a small and large scale. When applying “old-style” elements to their works, designers produce creative and appealing designs that make their websites stand out and look really different. As a matter of fact, if executed carefully, such designs almost never look boring, although one might intuitively think that the opposite would be the case.

Retro and vintage designs exhibit graphic solutions that are strongly influenced by the time period that they are supposed to represent. While retro focuses on the style of the 1910s to 1930s, vintage recalls the time period between the 1950s and 1980s. In both cases, design elements reflect some old-fashioned motifs, trends, personalities and objects that had been an essential part of our lives in the past.

Such elements create a nostalgic atmosphere, awaken feelings and memories and attempt to communicate information effectively using emotions. Some such designs make use of so-called “classical conditioning” — a technique used to associate a stimulus with an unconscious physical or emotional response.

The Secrets Of Vintage and Retro Designs Link

What elements do designers use to create a genuine vintage or retro atmosphere? What colors are used? And what kinds of graphics are usually embedded in such designs? Let’s find out. According to our research, common graphic elements for such designs are:

  • illustrations from old posters, movies, newspapers, CDs, vinyls, ads;

    Retro and Vintage

  • old-style typography (e.g. Roman typefaces);

    Retro and Vintage

  • script fonts and handwriting;

    Retro and Vintage

  • old radio devices;

    Retro and Vintage

  • old TV devices;

    Retro and Vintage

  • old cars;

    Retro and Vintage

  • old packaging;

    Retro and Vintage

  • old photos;

    Retro and Vintage

  • vibrant rainbow colors (high contrast, neon-style);

    Retro and Vintage

  • torn, used paper with stains (often yellowish paper);

    Retro and Vintage

  • dark, dirty colors (brown, dark red, dark blue) and textures (e.g. paper);

    Retro and Vintage

  • scrapbooks;

    Retro and Vintage

  • pop-art elements (see also Pop Art Is Alive: Classics and Modern Artworks1);

    Retro and Vintage

  • retro illustrations;

    Retro and Vintage

  • old-style signs;

    Retro and Vintage

  • vintage and retro are often combined with a hand-drawing style2 and grunge style3.

Some designs go even further and not only use retro or vintage elements but try to achieve a Renaissance look. You can find some examples of such designs at the end of this post. You can find even more inspiration for similar designs in our post Celebration of Vintage and Retro Design4.

In all of these cases, designers use their creativity to offer something truly different and make the design literally stand out. Let’s take a look at some beautiful examples of what can be achieved using this technique.

Below, you’ll find a showcase of 50 beautiful retro, vintage and Renaissance designs. Some of them are Flash-based, and most of them are CSS-based: for us it was not important how the design was achieved; rather, it was more important what came out of the designer’s approach in the end.

Showcase Of Retro and Vintage Web Designs Link

CSS Tinderbox5 (the design is different now – the site was recently redesigned)

Retro and Vintage Designs - CSS Tinderbox6

Custom Design7

Retro and Vintage Designs - Custom Design | graphic, product and web design8

Big Rig Design9

Retro and Vintage Designs - Big Rig Design - Design and Marketing10


Retro and Vintage Designs - - Web Design and Development12

FortySeven Media13

Retro and Vintage Designs14

Jeffrey Sarmiento15

Retro and Vintage Designs - Portfolio and blog of Jeffrey Sarmiento a web designer/developer from Toronto, Canada currently working for FreshBooks16

Klassiker in Acryl17

Retro and Vintage Designs18


Retro and Vintage Designs - 20

Rob Across America21

Retro and Vintage Designs - Rob Across America22


Retro and Vintage Designs - - Unimpressed With The West24

Dallas Advertising Agency25

Retro and Vintage Designs - Dallas Advertising Agency, Dallas Advertising Agencies, Web Design, Website Designers, Dallas Flash Design26

Sensi Soft27

Retro and Vintage Designs - Sensi Soft28


Retro and Vintage Designs - mediaBOOM | ...delivering smart internet and design solutions30

The New York Moon31

Retro and Vintage Designs - The New York Moon - Neighborhood32

~ The Statement ~ The Official Blog of The Old State33

Retro and Vintage Designs - ~ The Statement ~ The Official Blog of The Old State34

MacTarnahan’s Brewing Company35

Retro and Vintage Designs - MacTarnahan's Brewing Company36

ISO50 – The Visual Work of Scott Hansen37

Retro and Vintage Designs - ISO50 - The Visual Work of Scott Hansen38

Tricycle Terror39

Retro and Vintage Designs - Tricycle Terror40

Charlies Loan41

Retro and Vintage Designs - Charlies Loan Payday Loans Short term cash loans fast42

Small Stone Recordings43

Retro and Vintage Designs - Small Stone Recordings44

Big Cartel45

Retro and Vintage Designs - Big Cartel » Bringing the Art to the Cart46

The Ernest Hemingway Collection47

Retro and Vintage Designs - The Ernest Hemingway Collection48


Retro and Vintage Designs - » Home » Front Page50

Five Cent Stand – Bitter Kiss51

Retro and Vintage Designs - Five Cent Stand - Bitter Kiss52

Tennessee Vacation53

Retro and Vintage Designs - Tennessee Vacation - The State's Official Travel Planning Website54


Retro and Vintage Designs - Prahba | Creative Minds: Graphic and Web Design56

Thigpen Designs57

Retro and Vintage Designs - Thigpen Designs - 770.527.395858

Team Mongolmania59

Retro and Vintage Designs - Team Mongolmania60


Retro and Vintage Designs - » tomatic® - splendid hypertext | a thomas marban venture62

The Superest63

Retro and Vintage Designs - The Superest: Who is the superest hero of them all?64

Red&Blu Winter ’08-’0965

Retro and Vintage Designs - // / RedBlu Winter '08-'09 // /66


Retro and Vintage Designs - Lataka, més de 5 anys d' experiencia dissenyant pagines web profesionals68


Retro and Vintage Designs - Booreiland - platform for creative productions70


Retro and Vintage Designs - Fuelhaus Brand Strategy, Marketing, Design Agency72


Retro and Vintage Designs - intensify.org74


Retro and Vintage Designs76

The Dollar Dreadful Family Library77

Retro and Vintage Designs78

Creating Passionate Users79

Retro and Vintage Designs80

Dennis Jones Artwork81

Retro and Vintage Designs82

Capitol Media83

Retro and Vintage Designs84

One Horse Shy85

Retro and Vintage Designs86

The Lippincott87

Retro and Vintage Designs88

BlackMoon Development89

Retro and Vintage Designs90

Sourcebits TangledDecals91

Retro and Vintage Designs92

FOWA Miami93

Retro and Vintage Designs94

Bestial design95

Retro and Vintage Designs96

The First Twenty97

Retro and Vintage Designs98

The Blizzards99

Retro and Vintage Designs100


Retro and Vintage Designs102

Internet Zillionaire103

Retro and Vintage Designs104

Renaissance-Designs Link


Retro and Vintage Designs106


Retro and Vintage Designs108

Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
  68. 68
  69. 69
  70. 70
  71. 71
  72. 72
  73. 73
  74. 74
  75. 75
  76. 76
  77. 77
  78. 78
  79. 79
  80. 80
  81. 81
  82. 82
  83. 83
  84. 84
  85. 85
  86. 86
  87. 87
  88. 88
  89. 89
  90. 90
  91. 91
  92. 92
  93. 93
  94. 94
  95. 95
  96. 96
  97. 97
  98. 98
  99. 99
  100. 100
  101. 101
  102. 102
  103. 103
  104. 104
  105. 105
  106. 106
  107. 107
  108. 108

↑ Back to top Tweet itShare on Facebook

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive Web design workshops, online workshops and loves solving complex UX, front-end and performance problems in large companies. Get in touch.

  1. 1

    Nice collection, thank you so much! I will have a great time exploring these sites.
    I have to disagree on this point, though: While retro focuses on the style of the 1910s to 1930s, vintage recalls the time period between the 1950s and 1980s.
    As a collector of vintage clothing and ephemera, “retro” is most certainly applied to the 50s/60s-80s. Vintage is definitely earlier (00s-40s). Retro is more of a kitschy feel (think the 60s “retro” craze of the 90s), whereas vintage implies there is a history and quality behind the product that is “vintage-inspired”.
    Sorry, that was way more than I intended to type!

  2. 2

    Nice old stuff here. Good collection, very inspiring

  3. 3

    way to go retro!
    …though some of us have always been retro. at least that what my kids keep telling me. — steve

  4. 4

    Antonio Ciccarone

    October 7, 2008 9:21 am

    It seems like this style is coming back with a vengeance – there’s more thought put into it this time over though.

  5. 5

    Jesus I love retro design. And love this post. Love, love love ….

  6. 6

    Max | Design shard

    October 7, 2008 9:38 am

    retro and vintage definatly have a place in my heart, good stuff thanks

  7. 7

    the example of “old-style” typeface is anything, perhaps Early 20th Century Display Type would have been more appropriate, old style typefaces were created in the 18th century and would be something like the typeface used in the renaissance example

  8. 8

    Alex (Blogsessive)

    October 7, 2008 9:49 am

    Amazing effort put into compiling this. Thanks for that, very inspiring post!

  9. 9

    These are how sites looked before the age of internet :)

  10. 10

    Excellent post!
    Retro is sweet!

  11. 11

    wow… huge collection!

  12. 12

    I love this post. It’s a great source of inspiration. Thank you for posting.

  13. 13

    Love retro! :D thanks for the inspiring posts!

  14. 14

    Nice post guys, I have been a fan of some of these sites for a while. It was nice to see some new ones.


  15. 15
  16. 16

    Nice post.
    And btw, Fallout 3 has also an ultimate retro and vintage web design.

  17. 17

    very nice collection and a lot of work was done for this post.
    but if something is “back” it usually means it is “done” (or soon to be done)

    i’m more interested in what is NEXT…

  18. 18

    You left out one of my favorites. You can find vintage inspiration in the design and content of

    The MangoFalls Project

  19. 19

    Great collection of some amazing sites. Always a pleasure to see these posts here on Smashing Magazine.

  20. 20


    So many GREAT sites and designs posted!

    One of the best lists I’ve seen!

  21. 21

    Nice list. I believe Big Fat Institute deserved to be on it, though.

  22. 22

    Thanks so much for the great list!

  23. 23

    this is some really awesome stuff. I love the music and bomber that flies by every few minutes on the Dallas Ad Agency site, sweet!
    Very inspirational. Great post, thanks!

  24. 24

    That ‘old radio device’ is actually a Roland SE-201 Space Echo.

  25. 25

    Great collection:) (btw. thanks for adding our site in such a marvelous company;)

  26. 26

    Legal, muito legal esta lista.


    Tem um site muito bacana aqui no Brasil que se encaixa no estilo deste post:

  27. 27

    Simply awesome these webdesigns!
    Great collection! I think I’ll try this style by my own.

  28. 28

    Great sites, but no retro designs without retro fonts.
    , , .

  29. 29

    Here’s another french, but very nice looking retro blog :

  30. 30

    We work with many brides and grooms and they even love a vintage flair! Our highest selling designs have vintage patterns and style. You might enjoy them too. Check us out.


↑ Back to top