Can one assume that the past, the present, and the future can live in parallel realities that cross paths from time to time? The way we perceive reality can differ exponentially from one person to the next. Things that seem ordinary to the average human being can appear miraculous to the creative mind.
If you are reading this post, most likely you belong to the latter group. You can’t but agree that there is no future without a past. Our past teaches us precious skills and gives us the experience we need for a brighter future.
Today we will take a look at the uncommon phenomenon of crossover web design styles see some wondrous examples. Today we are talking about a vintage contemporary mashup. In the right hands, these styles can complement each other leading to unexpected and delightful results.
Let’s break down the most obvious features of each style.
Old paper backgrounds and grungy elements create a weird mix alongside this onepage layout containing current embedded HD quality videos.
Rivers and Robots
This website mixes wavy edges, blurred retro images, elegant fonts and a clean layout with builtin video and audio players. Tooltips are also available for visitors’ convenience.
So what was all the fuss about? How can retro elements can benefit your contemporary website? In our opinion, this technique is used in order to gain an emotional response from visitors to the page. Vintage motifs stir up feelings and awaken nostalgia meaning customers return time and time again. In combination with the right amount of usability and simplicity of modern design will help boost your site’s popularity.
If you have your own thoughts and exquisite examples of perfect past and present crossover in web design, we will be happy to read your comments to this article.
The author of this website managed to combine organic wooden textures, vintage fonts, intricate decorative elements, with currently popular fixed headers and cool visual effects powered by jQuery lightbox.
We Grow Cherries
How do you like this odd mix of retro photos, grunge icons and quality highresolution photos? We consider it artistic.
These are Things
A good portion of quality humor makes every website a hit. The couple stick to the center of the page and travel from one room to another while you scroll down.
This website seamlessly combines a grunge style, vintage fonts and stickers with fixed position menus and HDembedded video from Vimeo.
Interesting angles of content placement… And the division into retro and modern parts!
Have you ever heard the term “retro minimalism”?
Get Enigma 64
Forty One Twenty
This modern video player looks very cool in this pseudovintage environment.
The website combines a dark, illustrated background, vintage fonts and elements with logos arranged in an uptodate grid structure and flat text blocks.
Julia & Artem
Wedding ceremonies are events that don’t change much throughout the ages, however, the author of this template managed to put a modern, humorous spin on this special day.
I Shot Him
What do you see here? A regular skeuomorphic layout? Try scrolling down, there is a surprise waiting for you below.
Inspired Email Marketing
Ribbons, stickers, geometric backgrounds, vintage fonts, decorative elements… Dynamic animation, scrolling navigation… Past and present at their best!
Book Cover Archive
Grid layouts are undoubtedly en vogue, but look at the background texture, heading font and sticker, they scream vintage.
Traditional, retroillustrative layout of this website contains modern outlined elements and social media icons.
Those sketched illustrations of an old town and faded background help the company convey the idea of a timetested corporation the customers can rely on. Lots of negative space and short powerful text messages are trends from today.
An absolutely vintage layout with builtin video in the center… Looks very intriguing
Lambs Navy Rum
This contemporary site perfectly renders the feel of an old port tavern due to the mix of modern, grunge and retro elements.
Again, faded vintage colors and illustrations are combined with scroll down navigation and concise texts.
This wall of hexagonal retro illustrations is really incredible especially combined with semi transparent text blocking with bright, colored, ultramodern calltoaction buttons
Blue, grungy texture with huge, legible text impressive. And this moustache menu… We like!
Great American Whiskey Fair
Minimalistic vintage design? Why not? Everything is possible when the past and the present meet.
Note the combination of vintage tags, stickers and illustrations with absolutely flat elements and trendy neon colors. Slider photos create a background for small illustrative elements.
Huge fonts, borders, neon colors, onepage layout over a black, wooden texture… A powerful combination, isn’t it?
See these flat outlined icons created in a retro style? They just as amazing as the rest of the illustrated layout with a simple, infinite scroll navigation.