Free HTML 4.01/HTML5 WordPress Theme: Spectacular

Advertisement

Today we release Spectacular, a free WordPress theme that aims to provide a warm and pleasurable atmosphere for personal musings and ramblings. The theme comes in two flavors: HTML 4.01 and HTML5. Also, both German and English versions of the theme are included in the download package. The theme is cross-browser compatible and supports Opera, Safari, Chrome, IE7+, and FF. Support for IE6 is not available, though the theme works in IE6, too.

The theme was commissioned by Smashing Magazine and designed by Maleika Esther Attawel1 exclusively for Smashing Magazine. As usual, the theme is absolutely free to use in private and commerical projects.

2

Download the theme for free!

The theme is released under GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you want to spread the word. You may modify the theme as you wish.

Screenshot3

Screenshots

spectacular_37
Front page area (large preview)8

spectacular_39
Table and content (large preview)10

spectacular_311
Archives page (large preview)12

spectacular_313
Post page (large preview)14

spectacular_315
Comment area (large preview)16

spectacular_317
Front page area (large preview)18

spectacular_319
Comments view (large preview)20

spectacular_521
Blog post (large preview)22

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

Feel free to suggest your ideas for the freebies you’d like to see on Smashing Magazine in the comments area below.

Footnotes

  1. 1 http://rockatee.com/
  2. 2 http://dev.rockatee.com/wp/
  3. 3 http://dev.rockatee.com/wp/
  4. 4 http://dev.rockatee.com/wp/
  5. 5 http://www.smashingmagazine.com/wp-content/uploads/2011/01/large-version.jpg
  6. 6 http://www.smashingmagazine.com/wp-content/uploads/uploader/images/spectacular/spectacular.zip
  7. 7 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec10-small.jpg
  8. 8 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec10.jpg
  9. 9 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec2.jpg
  10. 10 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec2.jpg
  11. 11 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec5.jpg
  12. 12 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec5.jpg
  13. 13 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec7.jpg
  14. 14 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec7.jpg
  15. 15 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec8.jpg
  16. 16 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec8.jpg
  17. 17 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec9-main.jpg
  18. 18 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec9-main.jpg
  19. 19 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec-comments.jpg
  20. 20 http://www.smashingmagazine.com/wp-content/uploads/2010/12/spec-comments.jpg
  21. 21 http://www.smashingmagazine.com/wp-content/uploads/2011/01/working1.jpg
  22. 22 http://www.smashingmagazine.com/wp-content/uploads/2011/01/working1.jpg

↑ 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

    Beautiful theme..I like it..
    i should download it and modified the color little bit..

    -1
  2. 2

    It’s awful nice of you guys to offer something so nice for free. I appreciate you taking care of us in the community! Great work!

    0
  3. 3

    I would delete the webkit-transitions on the more button/arrow (on the homepage) and the rss button in the footer. It doesn’t look nice with sprite images.

    -1
  4. 4

    Christopher Anderton

    January 10, 2011 6:01 am

    Stunning!

    1
  5. 5

    Thank you for all the hard work. Looks good!

    3
  6. 6

    Wow, that’s great theme for free. I like it.

    2
  7. 7

    Great theme, looks amazing.

    -1
  8. 8

    Very nice theme, well designed.
    However its quite slow to load and very hard to read; Maybe increasing font size/colour could help?

    Thanks for sharing :)

    2
  9. 12

    Thanks for this carefully made template! Looks like a colour print on recycled grey paper. Also the round edges on the buttons and form fields are nicely made. Love it!

    3
  10. 13

    Okay, this really *is* spectacular. Love the attention to detail. Far, far superior to most freebie themes.

    0
  11. 14

    Really nice article (anandafit.info/)

    0
  12. 15

    Now this is a great free theme.

    0
  13. 16

    How do I “Change the permissions of the “uploads” folder to 777″? I’m trying to install this on our company intranet which we host internally.

    0
  14. 18

    Dang that is a sweet template for being free! Thanks so much!

    0
  15. 19

    This is fantastic. Thanks so much…may become the backbone to the new blog I want to start…

    0
  16. 20

    Really love how much texture there is on this. Very nice!

    0
  17. 21

    Das ist ja mal ein echt netter Zug, dass dieses tolle Theme auch in deutsch angeboten wird :-) Herzlichen Dank!

    0
  18. 22

    This is a nice theme. Thank you for the hard work!

    0
  19. 23

    Damn sexy looking theme. Thanks SM!

    0
  20. 24

    gorgeous! thanks for sharing such a nice free theme.

    0
  21. 25

    Really clean theme – this is why Smashing Magazine is so good! Keep them coming!

    0
  22. 26

    Contrast a bit low no, making it a bit unfriendly to read?

    1
  23. 27

    Andreas Ostheimer

    January 10, 2011 1:39 pm

    I love the looks of it but the readability of the text is bad in both IE and FF. I don’t know why one would use a this kind of font replacement as it really makes text almost unreadable.
    Otherwise great work with stunning details!

    0
  24. 28

    Nice theme. I need to work more with WordPress.

    0
  25. 29

    The body text is pretty much unreadable on a windows 7 machine, I’m sure it looks fine on your Mac but you should probably check it out on a windows machine to see what I mean.

    0
    • 30

      Maleika Esther Attawel

      January 11, 2011 6:19 am

      Hi Alex,

      I’ve tested it on Windows 7 via Parallels and the text rendering displayed fine. Goes to show that I need a real Linux machine rather than relying on emulators. I’ll rectify the font-stack in the next update.

      Thanks!

      0
  26. 31

    Nice. Love the texture but I think it need more contrast on the text footer. Overall, great design. I love how the position of the contact form, very easy for reach.

    Tweeted!

    0
  27. 32

    This theme is AWESOME! I just installed it… and is it just me, or is it missing the ampersand (ampersand.png) graphic on the front page? I’m displaying a broken image icon and the ampersand graphic is nowhere to be found.

    Still… amazing theme! Thanks!

    0
    • 33

      Hi Sam,

      i faced the same issue no (ampersand.png) also it comes from root. :(

      Thanks

      0
    • 36

      Maleika Esther Attawel

      January 11, 2011 6:00 am

      Sam and Rohith,

      thanks for spotting that! There’s a path issue I failed to correct. My apologies.

      In the theme’s index page (approx. on line 35), there’s this line:

      <img src="/images/ampersand.png" alt="And">

      The image path to the WordPress theme file needs to be changed to this:

      (just noticed I can’t post the code here, sorry). Please see this image for the code that needs to be added into the IMG tag: http://rockatee.com/temp/template_url.png

      I’ll rectify this in the next theme update.

      Thanks!

      0
      • 37

        Nice! Thanks for the fix! We’ll still have to upload the ampersand.png to the images folder, right? Because, as far as I can tell, it isn’t included anywhere in the download. Again, many thanks!

        0
  28. 39

    awesome!!

    Posted here: rateddesign.com/web-press/

    0
  29. 40

    Que groso que sos amigo! Спасибо!

    1
  30. 41

    This is really a Good work, but the readability of the text is bad in both IE and FF (Windows machine).

    0
  31. 42

    Great theme. Like the background texture. Thanks

    0
  32. 43

    Very nice theme and cool writeup… Keep up the good work…

    0
  33. 44

    Awesome Theme

    : Dinesh Saini
    WebMaster
    Rohtak

    0
  34. 45

    It might look nice but design is about more than that, i can’t help but think there will be some accessibility problems with the color use.

    0
  35. 46

    An other great FREE theme. Not sure I would use this theme as is, but would certainly look into the code and possibly use certain things.

    0
  36. 47

    It’s a lovely design – I really like the textures. I have to agree with some previous comments though that the readability of the text is quite poor (on a Windows machine at least).

    0
  37. 48

    Fantastic, thank you for such a great work. I will benefit it for my next work that is already in progress…

    1
  38. 49

    I love the design! Now if only it could have a photo carousel since I’m a photographer and i’m done. 8-)

    0
  39. 50

    fantastic! thank you smashing magazine!

    1
  40. 51

    Like the textures you are using here!

    0
  41. 52

    That’s really wonderful! Thank you!

    This note is really out of place, though:
    “I do not recommend the use of the HTML5 version in production environments due to the fact that HTML5 is still in Draft mode and Internet Explorer not playing ball (with Javascript disabled). ”

    Seriously? It’s 2011! :P

    1
    • 53

      Maleika Esther Attawel

      January 11, 2011 5:42 am

      Hi Francesco,

      thanks for your comment. :) I personally am still a bit cautious with using HTML5 in production mode, which is why it comes in HTML 4.01 as well. This is just my very subjective opinion, however, and felt it was better to offer a version in the standard old HTML 4.01, thus leaving the choice to the user on whether he embraces HTML5 or HTML 4.01.

      0
  42. 54

    Nice one :)

    0
  43. 55

    It’s smashing template. Can’t wait in Joomla! & Drupal version, if any.

    0
  44. 56

    Beautiful theme! I’ve been looking & looking for a theme for a non-profit…and this definitely fits what I’m looking for. Thank you for all the hard work :)

    0
  45. 57

    so drab and boring. i’m sure the code is good :)

    -2
  46. 58

    WOW! This is a beautiful theme, and I can’t believe it’s free. Fantastic, thanks for all the work that went into this!

    0
  47. 59

    Nice! Thanks for sharing!

    0
  48. 60

    Where can i find the psd file? I only see a Windows Theme File…thanks!

    -1
    • 61

      Maleika Esther Attawel

      January 14, 2011 4:40 am

      Hi Alin,

      there should be three folders, the first being a folder named PSD. In there there’s a standard .psd file. Let me know.

      Best,

      Maleika

      0
  49. 62

    Thanks! fantastic theme.
    Stunning.

    0
  50. 63

    Is it just me, but when trying this I found that the Archives page has a problem:

    http://nottinghamfrisbee.co.uk/archives/

    The formatting seems to break – i’ve had a look through but can’t see what the problem is.

    Otherwise, an exceptional theme. Well done Maleika, and thank you.

    0
    • 64

      Right – sorted it – It appears to be a problem is the page slug is ‘archives’. Taken the ‘s’ off the end and it works.

      0
    • 65

      Maleika Esther Attawel

      January 14, 2011 4:38 am

      Glad you sorted it out, Jono. If there’s anything else, let me know.

      Maleika

      0

↑ Back to top