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 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 paper use screen shot.

Sprocket House

Sprocket House paper use screen shot.


vSplash paper use screen shot.

Eric’s Empire

Eric's Empire paper use screen shot.

Callum Rimmer

Callum Rimmer paper use screen shot.


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 paper use screen shot.


Emarts paper use screen shot.


adf.lt paper use screen shot.


Narfstuff paper use screen shot.

Repair Jeans

Repair Jeans paper use screen shot.


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



April 11th, 2009

Awsome design for paper!


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.


April 11th, 2009

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


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!


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.


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.


April 12th, 2009

This is again a great list!


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!


April 12th, 2009

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


April 13th, 2009

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



April 13th, 2009

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


April 13th, 2009

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


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..


April 13th, 2009

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

It gives me a lot of ideas!


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 :)


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.


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:

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!


April 16th, 2009

nice post, I love paper designs.


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,


April 26th, 2009

great classical collection… enjoyed and inspired


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.


July 23rd, 2010

Web design is also plays the major in the website.


August 30th, 2010

i like the top 3rd most.


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.