Even if you are not familiar with the term steampunk, you have doubtless been introduced to this design phenomenon through popular culture. Steampunk refers to a whimsical style that is based on imaginings of possible nineteenth-century dystopian worlds. It may sound a little complicated, but this eclectic category mixes ideas from H.G. Wells with Victorian design, themes of industrialism, post-apocalyptic visions, and chic, modern edginess.

As we demonstrate below, steampunk stylings have influenced Hollywood movies, like Sherlock Holmes or Hugo, and has also fueled a new underground of specialist artists and illustrators. We visit some of the most visually stunning steampunk web designs below:

Keith Thompson Art

Keith Thompson is a freelance artist that specializes in steampunk illustration. His website not only features an array of steampunk art; its design is steampunk through and through. The landing page gives visitors the feeling that they are about to open an enchanting and simultaneously disturbing new book.

It displays many of the signature elements of steampunk design, such as Victorian scrollwork, medieval-inspired beasts, and organic elements (in the form of an intricate system of roots beneath the artist’s name). These features are juxtaposed against militaria, industrial themes, and futuristic costuming. Check out Thompson’s art and his other design work for games and illustrations while you are admiring the web design.

Sherlock Holmes II

If you think that steampunk is all about artists and designers on the fringes rather than the mainstream, think again. The fascinating design qualities of the steampunk movement have allowed this style to permeate many elements of popular culture today. You cannot get much more mainstream than a major Hollywood blockbuster.

The Warner Bros. films starring Robert Downy Jr. and Jude Law have remade the original nineteenth-century Sherlock Holmes into a tech-driven enterprise. Images, video, and design elements on the website show off the obsession with invention, science, Victorian fashion, and end-of-the-world scenarios that define steampunk.

Hugo

For those who have seen this Martin Scorsese film, the steampunk references will be obvious. Steampunk design often displays a fascination with gears, pulleys, and other simple machines, along with a tendency toward strange, robotic creations.

In Hugo a young boy lives inside the inner-workings of a gigantic clock in a train station. He toils throughout the film to bring an automaton, which was passed down to him from his father, to life. Mixed with the Victorian-inspired architecture and costuming in the film, these elements come together in a beautiful website that evokes steampunk style.

The Art of Daniel Dociu

Although the design of Dociu’s website is not made up of steampunk elements in itself, his grid pattern of jaw-dropping steampunk art will take your breath away. Dociu is a successful artist and illustrator, whose work features many different types of fantasy worlds, including steampunk realities.

The rich color, vivid imagination, and the sheer luminosity of his paintings make his website a real treat for anyone who loves steampunk style. His steampunk-inspired fantasy paintings include elaborate, futuristic cityscapes, chimerical animals, unbelievable flying machines, and a fascination with antique mechanical elements. Did we mention that there is also an airborne gothic building

Felideus

The website of Spanish art director and illustrator Felideus will thrill any steampunk admirer. The homepage welcomes visitors with an elaborate contraption made of mismatched wooden and metal antique parts. A telescoping pipeline displays the tentacles of an undiscovered, octopus-like beast. A curious-looking creature in leather coat and aviator goggles rides about in a flying ship that is shaped like a chicken.

This level of imagination fuels all aspects of the Felideus website. Highlights include a fantasy-driven, gothic-style take on Alice in Wonderland. Another must-see element is the artist’s design for an Italian brewery’s beer label. It features a strange underwater animal with a tailfin made of an old lamp. A separate aquatic creature walks about in an H.G. Wells-inspired outfit that closely resembles an old aqualung device.

Concluding…

Each of these web designs uses imagination to weave together Victorian imagery that may well belong in the museum or antique store with futurist or postmodern elements. Whether they stem from a megahit movie like Sherlock Holmes or the quirky website of a freelance artist, these websites show the many ways that the steampunk style is permeating popular design around the world.

Comments and Reactions

After 178 editions, we have finally decided to change the format of our weekly web design inspiration. It has been long overdue, don’t you think The times have changed a lot from that very first edition (published on the 30th of July).

Back then everything was about the desktop, but now we are in the midst of the mobile revolution. And that is what our new weekly web & mobile column is going to be about: a catalog and archive of beautifully designed responsive websites and mobile apps.

So, sit back with your Saturday morning cup of coffee and enjoy the sites and apps we have for you today. Don’t forget to click the ‘Change Viewport’ button to explore each site in detail.

Standbuy (Responsive)

StandbuyChange Viewport

Plain – Deliberately Simple (Responsive)

PlainChange Viewport

Minimal Monkey (Responsive)

Minimal MonkeyChange Viewport

The Experiential Company

The Experiential Company

Solasié (Responsive)

SolasiéChange Viewport

icons times (Responsive)

icons timesChange Viewport

Mark Boulton Design (Responsive)

Mark Boulton DesignChange Viewport

Thomas Schrijer (Responsive)

Thomas SchrijerChange Viewport

Haze (iOS App)

Haze

Rise (iOS App)

Rise

Foldify (iPad App)

Foldify

Flight Card (iOS App)

Flight Card

Static (iOS App)

Static

Comments and Reactions

Just like fonts, when it comes Photoshop brushes, you just cannot have enough of them! In fact, the Brush tool in Photoshop is, quite unarguably, the designer’s best friend. Today, we bring to you an amazing selection of 25 awesome swirl and ribbon Photoshop brushes. So go ahead, check them out, and get ready to add some style to your designs! You may also like: 50 New and Free Photoshop…