30 Creative Examples of Using Paper in Web Designs

Apr 11 2009 by Jacob Gube | 45 Comments

The utilization of paper as a design element in a web design is one of the most popular design trends. By using scraps of paper, cardboard textures, notebooks and notepads, a designer is able to compose an interesting and elaborate design. You’ll see paper used in various kinds of design components – in backgrounds, navigation menus, content areas, and all sorts of other web page parts.

In this showcase, you’ll see some of the best web designs that involve the use of paper elements and textures – for your inspiration.

Peace River Excursion

Peace River Excursion paper use screen shot.

Team Green

Team Green screen shot.

Diego Latorre

Diego Latorre paper use screen shot.

DK Publishing

DK Publishing paper use screen shot.

The Chernobyl Nuclear Disaster

The Chernobyl Nuclear Disaster paper use screen shot.

Church on the Rock

Church on the Rock paper use screen shot.

Dawghouse Design Studio

Dawghouse Design Studio paper use screen shot.

BlackWave Creative Branding and Design Services

BlackWave Creative Branding and Design Services paper use screen shot.

L’Antidote

L'Antidote paper use screen shot.

Gardening With Children

Chris Sharp paper use screen shot.

Revolution Driving Tuition

Revolution Driving Tuition paper use screen shot.

Pain is Good

Pain is Good paper use screen shot.

kayintveen.com

kayintveen.com paper use screen shot.

Sprocket House

Sprocket House paper use screen shot.

vSplash

vSplash paper use screen shot.

Eric’s Empire

Eric's Empire paper use screen shot.

Callum Rimmer

Callum Rimmer paper use screen shot.

NotYourAverageJoe

NotYourAverageJoe paper use screen shot.

Summer Day Camps MD

Summer Day Camps MD paper use screen shot.

A Round Dorset Walk

A Round Dorset Walk paper use screen shot.

HRNYC

HRNYC paper use screen shot.

Emarts

Emarts paper use screen shot.

adf.lt

adf.lt paper use screen shot.

Narfstuff

Narfstuff paper use screen shot.

Repair Jeans

Repair Jeans paper use screen shot.

PLEJ

PLEJ paper use screen shot.

Luc Espace

Luc Espace paper use screen shot.

iPhone Development

iPhone Development paper use screen shot.

Hillwood Residential

Hillwood Residential paper use screen shot.

Simply Fired

Hillwood Residential paper use screen shot.

Related content

45 Comments

varecho

April 11th, 2009

Awsome design for paper!

T-Law

April 11th, 2009

I don’t like this style but these works is really nice. ;)

om ipit

April 11th, 2009

great list…

very inspired…

Callum Chapman

April 11th, 2009

these are some real nice designs, cheers for sharing!

Free Macbook

April 11th, 2009

These designs are amazing. I really like the rough edge that the paper style gives them.

Obon

April 11th, 2009

Ecoki.com is also good, just saw that on cssbeauty.com

imrui

April 11th, 2009

nice post, I love paper designs.. Looks so realistic. :D

Meg Brookman

April 11th, 2009

Enjoyed these many examples of how to use paper in graphic design. All were creative and eye-catching and gave me useful ideas.

Ray Tsang

April 11th, 2009

This is pretty neat too, design based on paper/book http://amkalphotography.com/

Ronnie Roper

April 12th, 2009

Great examples. I have always viewed paper in web design as connecting back with our print roots…for those that have roots in print design.

Honour Chick

April 12th, 2009

great paper sites, very creative ;)

Tom Ross

April 12th, 2009

I hadn’t seen that many of these designs before. Really inspiration designs!

Jan

April 12th, 2009

Thanks for including me in this list! :)

Jacob Gube

April 12th, 2009

@Ronnie Roper: I was waiting to see if someone else would mention that connection to print design! I think a lot of web designers came from print/graphic design (I did – before moving into web development), and these designs remind me of those days.

Cal

April 12th, 2009

Thanks for highlighting my site Jacob. Thanks for the list as well – I have spent an enjoyable 30 minutes looking through all the other sites.

Navdeep

April 12th, 2009

This is again a great list!

@3drockz

Czarina Cleopatra

April 12th, 2009

Yayks! They are all cute! hihi I like Narfstuff! Girly design. :P

Jacob Gube

April 12th, 2009

@Cal: No problem Cal, and thanks for stopping by. I hope that was a pleasant 30 minutes!

rockstar

April 12th, 2009

awesome share its really helpful for me on my future projects thank you

Daniel

April 13th, 2009

Here is an other one. No heavy use of paper but …

http://www.druckerei-necker.de

Biz

April 13th, 2009

Very interesting paper-like designs. They are very good as a refresher after so many boring generic web designs.

Daniel

April 13th, 2009

Sorry, pls delet the last two comments. Didn´t read that the comment is awaiting for moderation. Sorry for this.

jane

April 13th, 2009

Great examples. I have always viewed paper in web design as connecting back with our print roots…for those that have roots in print design..

Zoheb

April 13th, 2009

This was very interesting to look at. Thanks for sharing…

It gives me a lot of ideas!

Sean

April 14th, 2009

Really inspiring designs! Where is the “forward to a friend” link on your blog posts?

I find my self wanting to send these posts to friends but hate having to copy and paste the link every time.

Its a good idea to generate new visitors.. Just a thought :)

myDevWares

April 14th, 2009

Very inspirational designs. Now perhaps you write a post with plenty of free paper resources (brushes, textures, etc.)?

Eric Franklin

April 14th, 2009

Thanks for including my site on the list!

Jacob Gube

April 14th, 2009

@Sean: Good idea – I’ll see what I can do about that.

@myDevWares: Good idea, but in the meantime, you can check out the Six Revisions freebies section for Grungy Paper Textures and Cardboard Textures and Objects set which are free for use in any project.

Matt Smith

April 15th, 2009

Hi Jacob
Thanks for including my design on your list (dorsetwalk). My back ground is also in print design, and I still do a little from time to time (currently doing art direction for an extreme sports magazine). I find most of my work involves the web these days simply because I find it so much more interesting than print – there’s so much more to learn and each project can be so different from the last. Do you do much print work these days or are is your work all digital now?

Great site, by the way – I’m currently working my way through your jQuery tutorial list, and will definitely be back to check our the rest of the articles.

Cheers
Matt

Dave Rau

April 15th, 2009

I designed the first site (the peace river) a few years back, but have long been using my own scanned and photographed old paper textures, stains, page tears and rips, masking tape, grungy paint splatters, etc. I take a lot of inspiration from our messy and decaying world, so my textures and analogue elements are a hat tip to the past, but also a bit of a fight against anonymous corporate design that’s dull and uninspired.

if you’re looking for more worn elements check out my site and my offerings on istock:
http://www.redlabor.com/analogue
http://www.istockphoto.com/daverau

p.s. I use a lot of my grungy textures and elements in t-shirt and wallet designs on http://www.ResistToday.com

Jacob Gube

April 15th, 2009

@Dave Rau: Thank you for the valuable tips and sharing your technique/experience. Those t-shirts are rockin’, I may pick up a couple!

Vedoza

April 16th, 2009

nice post, I love paper designs.

aravind

April 16th, 2009

another great post.
I think this post would have been more better if you had included some related tutorials as well.

Gary Callaghan

April 17th, 2009

I’ve always loved the use of paper in today’s modern web designs it gives them a sort of homely feel that’s my opinion. As aravind said you should include a follow up post including tutorials on how to create such websites or even just a navigation tutorial.

pracas upreti

April 20th, 2009

wowwwwwwwwwwwwwwwwwww!!! its really great and awesome,

Kakasab

April 26th, 2009

great classical collection… enjoyed and inspired

Sprocketeer

April 28th, 2009

Happy to be in such distinguished company! Thanks.

Ashely Adams

September 11th, 2009

I think I’ve seen a few web designs that used paper as a design element…….they do look quite good. In fact, it’s very interesting the way they’ve used them. I liked The Chernobyl Nuclear Disaster and Hillwood Residential the most. Thanks for sharing.

Svetainiu kurimas

October 13th, 2009

The real challenge when using paper, especially with lines or patterns is to synchronise and harmonize the text/imagary that appears above it.

stacey

July 23rd, 2010

Web design is also plays the major in the website.

dev

August 30th, 2010

i like the top 3rd most.

grafiMike

October 28th, 2010

Glad that there’s a polish site too :))

Lisa Smith

September 28th, 2011

I like the 5th one from the top, its a great design

Leave a Comment

Subscribe to the comments on this article.