Nathan Francis January 18th, 2012

Printed Web: Print Design Inspired Websites

It seems things are changing for website design. The minimalist style adopted by many websites is slowly being evolved into something a little more engaging. One of the main sources of inspiration for this change in the way website content is displayed has been print design, particularly newspapers and magazines. Here are some fine examples of print design inspired websites.

The Websites

Vogue

Placing an emphasis on striking photography and keeping text to a minimum, the Vogue website perfectly recreates the basic layout of its magazine, showcasing the latest fashion trends.

Armani

A stunningly beautiful website as sharp as the fashion wear, Armani’s site's look pulled straight from a fashion photographer’s portfolio. A little text and huge exquisite images seize and hold the visitor’s attention.

Hollister

Before you even delve into the content of the Hollister’s website you have to admire their ingenious use of the dead space on either side, which looks like a sort of beautiful vintage Indian-style wallpaper. The rest of the site incorporates a wonderful use of shading and delicate colour textures.

Tommy

Digital creative agency Tommy has a fantastic website layout which mimics advertising boards of the past to great effect. Mixing bold headlines and strong colours, on close inspection the site almost has a ‘weathered’ or ‘worn’ look to it: retro brilliance.

Waltzing Mouse Stamps

The modest vintage design on the site cleverly represents the nature of their business and the products they sell. The slightly worn and torn Victorian-era wallpaper effect that is subtly added to the banners is one of the most eye-catching features.

The New Yorker

The New Yorker is an excellent example of a publication whose website retains the trademark aesthetic, most notably the famous typography, of its print magazine, from the features to the cartoons.

IDesign

We should expect a firm specialising in designing websites and corporate branding to have a stirring website and idesign’s magnificent eye catching art nouveau aesthetic lives up to expectations and more.

Roald Dahl

The website for the legendary children’s storyteller beautifully replicates the aesthetic of Dahl’s famous fun-filled children’s books, with the marvellous artwork drawn by long time collaborator Quentin Blake.

Protest Boardwear

Wonderfully recreating the print design of a high quality fashion catalogue, the Protest Boardwear website features large colourful photography showcasing the brand’s head turning slope fashion wear.

Urban Survivors

Using huge and beautifully composed photography, the charity’s website captures the feel of a photojournal or a series of striking billboards, displaying the plight of unfortunate people in third world countries.

Nike Vision

Nike is famous for pushing the envelope in terms of style, and their Nikevision website uses large sliding images to display their stylish range of eyewear, replicating a high quality catalogue you might pick up in an opticians.

Little White Lies

Little White Lies is a bi-monthly film magazine that shapes and themes its publication around a specific film. The website showcases their stirring graphic design and has digital editions of the magazine to browse.

Targetscope

Texas based marketing firm Targetscope really hit the mark with their website design, which is modelled on American World War II propaganda artwork, delivering the message that their creative team is ready to take command of a client’s brand and steer it to victory.

The Dollar Dreadful

Beautiful to look at, the Dollar Dreadful publication has been running since 1882 and displays its stories using the same layout and typography used in the original late nineteenth century mini magazines on the site.

UGS Mag

This independent hip hop magazine celebrates rap music using a clear and colourful magazine layout that balances graphics, photography and text to stunning effect, creating a cool and vibrant web experience.

Voyager

The minimalist aesthetic and clear layout of BMI’s Voyager website perfectly replicates the in flight magazine. Uncluttered and nicely balanced, the information and features are easy to access and read.

Rolling Stone

The famous showbiz magazine is another example of a website that accurately replicates their print publication. Showcasing the latest news in music, film and politics, the site is simple to navigate and has a clear layout balancing image and text.

CultureLabel

CultureLabel is a different kind of gift site that sells products solely from museums and art galleries. The design of the website mirrors the art focused aesthetic by letting the imagery do the talking. This is also accompanied by lush, matted typography scattered throughout the site.

I-D Mag

Extremely simple and effective, the online version of i-d magazine has a clear scrolling blog design that enables visitors to scan the news stories displayed with an equally sized photograph and introductory text.

Antique Piano Shop

The Antique Piano Shop is dedicated to raising awareness of the need to preserve pianos from the last two centuries as valuable historical artifacts. Their website’s layout, typography and artwork beautifully capture the look of piano and organ catalogues and brochures from the past.

Squint Limited

Squint Limited is a fine epitome of Shoreditch and the website does further justice to the products with its portfolio of images that do all the talking. The grey-on-grey text, coupled with the use of gradient in the menu and product boxes adds to the stunning minimalist feel throughout.

Bob & Blossom

Intricate spacing and light pastel colours complements the array of baby clothing strewn over the site.

The Astonishing Adventures of Lord Likely

Resembling a Victorian Viz magazine, The Astonishing Adventures of Lord Likely is a lewd tongue-firmly-in-cheek collection of a rather randy Victorian aristocratic gentleman’s adventures. The typography, layout and writing style of the fake diaries brilliantly mimic a Victorian very-broad sheet.

XLR8R

While styled like a blog, the website for alternative music and culture mag, XLR8R makes intricate use of its layering with subtle grey tones and compliments it further with awesome documentary style photography of featured artists.

Dazed Digital

The stunning looking website for Dazed magazine has a less formal magazine layout, abandoning columns in favour of a cloud of images and text on a scrolling page that resembles the continuously flowing manuscript of a Jack Kerouac novel. (rb)

Nathan Francis

Nathan Francis and Oliver Archibald write for Print Express; a London based print company, specializing in business cards, letterheads and booklet printing. Outside of the workplace, both writers enjoy movies, movies and more movies.

8 comments

  1. Very nice examples. I’m not sure if every design was inpspired by print design, most of them are based on a grid system like 960 grids. But those grid systems have their origin in the print design. Those techniques, grids and inspirations help in any case pushing websites on a higher level.

  2. How telling of what to anticipate for design in 2012. Our collective nostalgia for the “authentic” feel of print media surely motivates these companies to provide a familiar experience for their users. Publications like The New Yorker and Rolling Stone have created inspiring new modes of delivery ( check out The New Yorker for iPad), and I can’t wait to see what rolls out next.

    Cheers,
    Sarah Bauer
    Navigator Multimedia

  3. Thanks for the info, I’ve been interested in this for quite some time, great to get some inspiration from you guys.

  4. Wow, I Googled “inspirational sites” to try to get inspired on my clients next web project, and these sites came up. Some really get stuff in there. “The Dollar Dreadful” is my favorite. I’ll be back here in the near future I’m sure!

  5. I love the print design websites. Very cool looking!!! My favorite is the Rolling Stone design but that might be my personal bias. Keep up the great work :)

Leave a Reply

Your email address will not be published. Required fields are marked *