Notepad Chaos: A Free WordPress Theme

Advertisement

Over the last years we’ve featured a number of designers and developers who released their work for free — among other things we presented high-quality free fonts, free WordPress themes, free wallpapers and, of course, free icons. You can find many of them in our section Freebies1.

Every release helps to make the Web a nicer place which is why we support designers and challenge them to release something for free in order to be featured on Smashing Magazine. And the results are quite often pretty impressive.

Notepad Chaos: A Free WordPress Theme2

Today we are glad to release Notepad Chaos — a free professional WordPress-theme. The theme has 2 columns, a quite vibrant design including “personal” design elements such as handwritten headings, stick-it-notes, clips and pins. The theme was designed by Evan Eckard3 especially for Smashing Magazine and its readers.

Download the theme for free! Link

You can use the theme for all your projects for free and without any restrictions. However, it’s forbidden to sell or redistribute the theme without both designer’s and Smashing Magazine’s permission — please link to this article if you would like to spread the word. You may modify the theme as you wish, but if you are planning to release your modification, please ask our permission first.

4

The theme has been updated to version 1.5. It’s now up-to-date with cleaner code and includes a lot more functionality (gravatars, dynamic sidebars, etc.). You can find the files and demo here9.

Motivation behind the design Link

Here are some insights about the design process and development from the designer himself.

“I had recently stumbled upon many websites with gorgeous, gigantic, illustrated backgrounds and wanted to try my hand at creating a site that shared that similar element. This theme was an experiment into layering multiple images and having everything line up and flow with the site’s content.

Notebook Chaos10
Among other things, the Notepad Chaos theme has handwritten search box and navigation at the top of the layout.

It was quite a challenge to develop the design after creating it, but in the end it helped me gain more experience in CSS and what we designers can do to try and create sites with plenty of visual depth. On the technical side of things, the theme doesn’t use any plugins or extras, and focuses simply on the design.

Sidebar11
Sidebar in the Notepad Chaos is designed as a post-it-note and clipped at the top.

The themes uses a custom field called “thumbnail” where the user can add an image to their post. The instructions are within the readme file along with how to set up the menu links.”

Thank you, Evan. We appreciate your work and your good intentions.

Last but not least… Link

We are regularly looking for creative designers and artists. You may not know it yet, but we might feature you in one of our upcoming posts.

If you would like to release a high-quality free font, a WordPress-theme, some wallpapers or an icon-set please contact us12 — we would like to support you (both financially and with the broad coverage on Smashing Magazine).

You may be interested in the following free WordPress-themes as well:

Footnotes Link

  1. 1 http://www.smashingmagazine.com/category/freebies/
  2. 2 http://www.smashingmagazine.com/images/notepad-wordpress-theme/chaos.jpg
  3. 3 http://www.evaneckard.com/
  4. 4 http://www.smashingmagazine.com/images/notepad-wordpress-theme/chaos.jpg
  5. 5 http://www.smashingmagazine.com/images/notepad-wordpress-theme/chaos.jpg
  6. 6 http://www.smashingmagazine.com/images/notepad-wordpress-theme/wp-theme-notepad-chaos.zip
  7. 7 http://www.smashingmagazine.com/images/notepad-wordpress-theme/notepad-chaos-psd.zip
  8. 8 http://www.notepadchaos.com/2009/11/04/notepad-chaos-version-2-0/
  9. 9 http://www.notepadchaos.com/?p=5
  10. 10 http://www.smashingmagazine.com/images/notepad-wordpress-theme/chaos.jpg
  11. 11 http://www.smashingmagazine.com/images/notepad-wordpress-theme/chaos.jpg
  12. 12 http://www.smashingmagazine.com/contact/index.php/form
  13. 13 http://www.smashingmagazine.com/2008/08/08/infinity-a-free-wordpress-theme/
  14. 14 http://www.smashingmagazine.com/2008/07/16/wordpress-fun-a-free-wordpress-theme/
  15. 15 http://www.smashingmagazine.com/2008/08/05/fervens-a-free-wordpress-theme/
  16. 16 http://www.smashingmagazine.com/2007/12/21/dilectio-a-smashing-wordpress-theme/
  17. 17 http://www.smashingmagazine.com/2007/09/07/smashing-freefont-and-wordpress-theme/

↑ Back to top Tweet itShare on Facebook

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

Advertisement
  1. 1

    It doesn’t look like it supports Pages or am I missing something?

    -1
  2. 2

    Love it :) Nice attention to detail without feeling too busy.

    0
  3. 3

    Looks a very nice theme, not overly convinced on the background but it does make a change from the popular wooden background for such designs.

    0
  4. 4

    Just a heads up, none of the smashing magazine images are showing up in the rss feed (feedburner version)

    0
  5. 5

    Great looking theme — definitely a lot of interesting details here but it does all tie in together nicely. Well done!

    0
  6. 6

    Very nice, congrats!!

    0
  7. 7

    Beautiful, very inspirational piece of work!

    0
  8. 8

    Looks really cool. Great job!

    0
  9. 9

    Very nice free theme!
    Image problems in the RSS feed though as mentioned above

    0
  10. 10

    OoOo pretty! I love the color scheme… Nice work!!

    0
  11. 11

    Is it just me or is this webdisegnerwall.com copy…just slightly different elements and a different background in identical style.
    Yes, it is really nice, I am not denying the skills and the good looks, I just had to say whay I had :).

    0
  12. 12

    @Tristina – you could add pages into the sidebar, no problem. Use the Pages widget, or drop the wp_list_pages template code into your sidebar.php file

    @zhille – it’s not Web Designer Wall – it uses a similar style, but other than that it’s a different theme. Possibly highly inspired by WDW, but yeah, like, show me something that is 100% new and original :)

    Cool theme guys!

    0
  13. 13

    really nice work !!!! there should be more themes like this one !

    0
  14. 14

    @zhille

    WDW didn’t invent the style, it’s nowhere near a copy.

    0
  15. 15

    James De Angelis

    August 20, 2008 3:09 pm

    Very “inspired” by Webdesigner wall…

    0
  16. 16

    adelaide web design

    August 20, 2008 3:31 pm

    very nice ;)
    see our wordpress web design at Duivesteyn Web Consulting

    0
  17. 17

    That’s beautiful… thanks for sharing it

    0
  18. 18

    Webdesigner Wall was one of the many illustration-driven sites that inspired me to create this theme.

    0
  19. 19

    Nice, though a little rough around the edges.

    0
  20. 20

    Max | Design Shard

    August 20, 2008 4:42 pm

    This is so cool, thanks

    0
  21. 21

    ilovecolors design

    August 20, 2008 5:00 pm

    Evan, it’s a really fine theme, maybe it’s the best that has been featured on SM in terms of aesthetics. My only concern is that the date element is not well integrated with the overall design, in the way Latest Posts, blog title and others are. Great work.

    0
  22. 22

    I Love this! Is anyone out there ready to convert it to a blogger theme….?

    0
  23. 23

    Great theme! Reminds me of http://ma.tt/ a little bit.

    0
  24. 24

    very nice theme!!!

    I wish I could desain like you!!!

    0
  25. 25

    NaldzGraphics.com

    August 20, 2008 5:54 pm

    looking nice.thanks for this theme

    0
  26. 26

    I love the design style … Nice work!! :)

    0
  27. 27

    I was just thinking today about setting up a new blog on wordpress, and then I fell upon this! Brilliant design, smashing to the core. Love you guys!

    0
  28. 28

    thanks for sharing! this looks like something i can use and tweak for my needs :) great job :)

    0
  29. 29

    Suspiciously like web designer wall, still looks nice though.

    0
  30. 30

    I love this theme. The only problem I am having is with the link to the archives page. For some reason it keeps linking to the about page. Does anyone know how the correct for the archives?

    0
  31. 31

    Mithun Sreedharan

    August 20, 2008 8:35 pm

    love this one!

    0
  32. 32

    that’s absolutely stunning!
    beautiful work, and thank you so much for making it free!
    E.

    0
  33. 33

    Nice!

    0
  34. 34

    Oooh I like this one. Love the style. Thanks for making it free!

    0
  35. 35

    Nice theme

    0
  36. 36

    pages are on footer ;)

    0
  37. 37

    The date is like something from mars ….

    0
  38. 38

    wow. its really cool!

    0
  39. 39

    love the background. the rest could be a little bit ‘cleaner’, though

    0
  40. 40

    Awesome.

    0
  41. 41

    Beautiful! looks really nice. And with all the informations like the psd-file i will be able to make it look a little more male. ;-)

    0
  42. 42

    Usualy I don’t even take a glance at these artuicles, cause I donøt need a wordpress-theme. I don’t use it. :)

    But this theme… Oh my Lord. The picture of it on the homepage… I just had to take a look at it. Så vibrant colors and such a wonderfulle pattern… And I must say- Im not dissapointed! It is very, very beautifull! And as much I love the background pattern I thik it would be easy to replace with some of my own work… I just have to publish something that LOOKS original- and would never use this design- even thoug it IS beautifull!

    Only the date-stamps I don’t really like. They kinda stick out of the rest of the design i think.

    But thanks! Perhaps I should make a wordpress-blog of my own??

    0
  43. 43

    Wow, I love this theme! I’m a sucker for notebook-y themes.

    0
  44. 44

    Nice palette.

    0
  45. 45

    I would just like to add a HUGE thank you for sharing the PSD
    This alone gives me so many ideas and helps understand how professional designers work.
    Almost as useful as the beautiful design

    0
  46. 46

    totally agree with Zhille… but nice work anyway…

    0
  47. 47

    Very inspired by http://www.ma.tt and webdesignerwall, but it’s very cool!

    0
  48. 48

    Don’t mean to be rude, but it seems a bit of a poor-mans WDW…

    Good effort though, just seems a little messy and unfinished, try working on the contrast and shading, all seems to be way out.

    0
  49. 49

    really nice work !!!thanks..

    0
  50. 50

    Isn’t ‘About’ a page?

    0

↑ Back to top