Blog.SpoonGraphics

25 Super Cool Paper Inspired Website Designs

Read the article

One of my favourite ‘styles’ in web design is one that takes inspiration from traditional media such as paper and cardboard. Using scans and images of paper provides an informal, cut-and-paste collage feeling to the design giving the site more of a personal and hand-crafted image – quite opposite to the clean and shiny trend of other web design styles. Here are 25 good examples of this super cool paper based effect put into practice.

Join the mailing list and receive my design resources bundle FREE!

Join the mailing list to have every new post hand delivered to your email inbox. Every subscriber gets a FREE bundle of 40+ icons, vectors, brushes & textures!

78 Comments

  1. Bojjang says:

    That looks pretty awsome :D

    (0)
  2. I love the site you did for revolution Chris! Pretty cool!

    (0)
  3. D.A.T. says:

    Ive been seeing this style around a few places and I really like it. I just posted some free paper textures on my blog if anyone is making a site like this they might come in handy. http://www.digital-artist-toolbox.com

    (0)
  4. Brandi Jones says:

    Wow these are really great…I am totally in love with the Tennessee ones…they have those crazy background treatments I’m always on the lookout for these days. Strangely, they aren’t featured in the portfolio of the company that made them. I wanted to see exactly how many mini-sites they’d done for TN.

    (0)
  5. Loren says:

    Hmm. Why isn’t your site on the list?

    (0)
  6. Chris says:

    Thanks to all for the comments,

    CarrotNetwork: I wondered if anyone would notice that I sneaked that one in haha! It’s actually a site I recently made for my partner’s driving school along with the printed work and car graphics.

    DAT: Nice collection of textures you have there, definitely a good resource for created this type of style.

    Brandi: I agree, the large background certainly makes for an eye catching design. Large background photographs is also another style that has been becoming more popular recently.

    (0)
  7. Brandi Jones says:

    Hi Chris! Yes, I am so taken with that background technique that I recently wrote a post about it here: http://pixelswithpigtails.com/noted/bold-sassy-website-backgrounds/

    Of course about 2 days later the much more popular Noupe website did a huge version of the same idea:
    http://www.noupe.com/design/63-impressive-website-background-images-trends-resources-and-tutorials.html

    So it goes!

    (0)
  8. Adrian says:

    Sweet list Chris. Another trend I definitely like. I particularly think the combination of paper/wood/large background on sites is always impressive. I’m currently making a studio site using those elements. Thanks for more inspiration!

    (0)
  9. Adrian says:

    You know, that Ebugogo.tv is DEFINITELY inspired by WebDesignerWall…a lot of elements are very similar looking.

    (0)
  10. Mykal Cave says:

    @Adrian: Was just thinking the same thing…

    (0)
  11. Mykal Cave says:

    Wow and I just noticed the background image on bandpush is the same from electricpulp. I spend too much time on the internet…

    (0)
  12. iStockdiary says:

    Great list. Web Designer wall still blows me away when I first saw it. He also shares with some of the techniques to create his website. How I wish I had such good workdpress and css skills so that I can do something more for my blog.

    (0)
  13. I dont mean to sound pretentious. But I think that my personal site would fit nicely in your collection. Let me know what you think http://www.travisneilson.com
    btw: i found your site through good-tutorials.com, i was just browsing but i bookmarked this site. good job.

    (0)
  14. These are fantastic! I’ve seen many such collections, but I love seeing the handmade style taking off and the direction that web design is going. I also really like the Free People Clothing site. I think they change it every quarter or so (or maybe every time a new catalog is released?). I’ve taken to grabbing screenshots because it seems like every time I go back, they have a new look!

    I noticed quite a few churches on here, too. I think it’s great they are starting to take web design into consideration.

    How do you find sites like this??

    (0)
  15. Wonderful selection!
    I think it’s nice to take a break sometimes from so much digital stuff. That’s what I tried when i designed my illustration web site, scanning materials such as Canson paper and working with Conte. Pretty much running away from the digital look.

    (0)
  16. rajita says:

    Very Inspiring web designs.They are certainly a welcome change from the usual web templates.

    (0)
  17. Steve says:

    Thanks for the recognition on the bandpush site…We really appreciate the love. keep it up.

    (0)
  18. web designer says:

    all websites are really beautiful

    (0)
  19. Scott says:

    Here is a site I did that was book-inspired. There is really something to having a webpage behave like physical media.
    http://www.lindstromliterary.com/

    (0)
  20. sara says:

    Really really cool websites! I love the paper / cardboard design!

    (0)
  21. ThinkSoJoE says:

    While not technically paper inspired, the Trapper-Keeper motif on the blog over at x-entertainment.com is what initially inspired me to start learning CSS all those years ago…

    (0)
  22. Elvrade says:

    hepsi cok güzel(all of so well)

    (0)
  23. Niki Brown says:

    you forgot my site :) http://nikibrown.com :)

    (0)
  24. sasi says:

    i love this site.

    (0)
  25. Karen says:

    Love it. This type of design brings so much more warmth to a site.

    (0)
  26. Wonderful selection!

    (0)
  27. Azman says:

    wow! i would like to add one .. check this out http://aisyahrozi.com

    (0)
  28. Godzhesas says:

    These look really great, check http://www.developflash.com if you’d like to find out more about online design tools

    (0)
  29. Debra says:

    Digital Scrapbook Designer blogs have tons of examples of the paper style

    http://www.ChristinaReneeDesigns.com

    Check out the gallery here for many other examples:

    http://www.MyScrapbookArt.com

    (0)
  30. blogger666 says:

    Great list. Showcased it on my site.

    (0)
  31. thanks for posting… i like it very much… very inspiring sites.

    Juricks2Web – http://www.juricks2web.com

    (0)
  32. dil okulu says:

    is there any information about this in other languages, maybe german or other else?

    (0)
  33. I like the Miss Potter and Church on the Rock designs, followed closely by A.J.Miles.

    (0)
  34. Min Thu says:

    Very nice collection! Wish to see more like this.

    (0)
  35. Angie Bowen says:

    Great list, Web Designer Wall has always been one of my favorite designs.

    I recently launched my new design site Arbent and it’s accompanying blog Arbenting with a torn paper layout you might want to check out.

    (0)
  36. sentaku says:

    wow! Great list. very very thank you!!!!

    (0)
  37. dil okullari says:

    it would be better with other languages support, but thanks..

    (0)
  38. BubbleBabe says:

    Good collection! Big thanx.

    from Russia, with love :)))

    (0)
  39. chokilala says:

    super cool. love it :)

    (0)
  40. alanya haber says:

    Thanks for sharing!!

    (0)
  41. nicole says:

    Very, very cool!

    (0)
  42. MJ says:

    Very cool web pages. I just designed my first for a Mystery Shopping (<– See Site) Company called BestMark.

    (0)
  43. Well cool. Great selection, so much inspiration

    (0)
  44. Gopal Raju says:

    Nice Collection! Love it!

    Gopal
    productivedreams.com

    (0)
  45. Chris Berry says:

    Check out my site using some of the same ideas. It’s a work in process, but I’m pretty happy with the way it looks so far.

    (0)
  46. Wazdesign says:

    Wow, soon you find this type of Graphic in My Website

    (0)
  47. wowww.. what a beautifull designs. Great work

    (0)
  48. well may be my site can be listed in the near future http://www.sibersonik.com

    (0)
  49. Shelton says:

    i did a ‘paper themed’ site too, not as good as this little lot though, they’re awesome. :)

    http://www.sheltnetwork.com/

    (0)
  50. Anthony says:

    Here’s a paper-based site for when the recession gets really bad:

    http://www.thebrowncorporation.com/

    Anthony ;-)

    (0)
  51. Shelton says:

    haha that’s brilliant

    (0)

Comments are now closed