6 Free PSD/(X)HTML-Templates

Advertisement

We love our readers. We respect the hard work of designers and developers across the globe. And we do our best to make the web design community stronger and the Web a little bit prettier. Therefore we ask talented artists and creative professionals to showcase their skills and release something unique and beautiful as a gift to the community. And when designers agree, truly impressive works see the light of day.

A couple of weeks ago we released DelliStore, a professional CSS/(X)HTML-template with PSD-sources. In the poll and in the comments to this post our readers asked for more (X)HTML/CSS-template, so here are 6 more professional template that you can use without any restriction for your private or commerical projects. The template were designed by Templateworld and released for free especially for Smashing Magazine and its readers.

Download and use the templates for free!

The themes can be used and edited without any restrictions or limitations. Feel free to modify the templates in private or commercial projects – the templates are absolutely free to use.

Shape

From a long time we have been playing with the idea of creating a fusion design. Then we thought why not try a fusion between retro and contemporary design trends? Thus the ‘Shape’ template was born – an attempt to recreate the magic of the 70s while using a modern look. For this purpose we used typography and the Dahlia/Sunflower right in the centre to emphasize the retro look. The colour wheel behind the Dahlia/Sunflower is our view on changing times and colour preferences. Our love for nature shows through the entire design as we used a lot of green – in different shades, floral patterns and bamboo trees in the header.

That’s with the design. Coming to the page elements, the header section shows links to 8 pages, a registration, login and bookmarking link. The header also has an integrated search feature.

Screenshot

Screenshot

We wanted to have a distinct background colour for the company description and thus used black to make it look prominent. Then there is a news section, an awards column and a portfolio section. If you are one of those designers who have just too many designs to showcase, you can upload as many designs as you want as wehave provided a number of pages for it. The footer shows links to 8 pages.

The template code is validated by W3C and also conforms to section 508 of the US Rehabilitation Act for Accessible design.

Projection Template

This template incorporates the look and feel of graffiti art. You will see the header section with a wall as the background. We have used a bright shade of green as we wanted this template to exude a certain amount of freshness. If you are wondering what the wheel is all about, it’s a wheel of latest projects/services by the company.

Screenshot

Screenshot

We have deliberately used a dark colour for the footer so as to make it conspicuous as it contains important information like latest projects worked on and the corresponding client testimonials. The template code is validated by W3C and also conforms to Section 508 of the US Rehabilitation Act for Accessible design.

Artificial Casting Template

We have always seen the game of chess as a very powerful game which requires immense intelligence and presence of mind on the part of the players. These little figures, though inanimate, look very powerful and mysterious. We used their images for the template to represent their power and mystery. ‘Artificial Casting’ shows the chess pieces ‘Knight’ and ‘Bishop’ standing aloof to show their sophistication and a sense of mystery.

Screenshot

Screenshot

The template code is validated by W3C and also conforms to Section 508 of the US Rehabilitation Act for Accessible design.

2 Breed Template

Nature has always fascinated us with its attractive and vibrant colours. The natural colour of fruits and vegetables is where we drew inspiration for the design of this template. Therefore, you will see that we have used tomato and kiwi to give the template a natural feel. We have placed two of the main sections of the page – ‘Who We Are’ and ‘Latest Events’ on these to draw the reader’s attention to it instantaneously.

The right navigation shows links to 8 pages. We have also placed a box advertising the latest jobs by the company. Then there is a section which shows links to the latest blog posts. The links have rollover effect. We have used separate boxes for Ideas, Sign-up and Blog so as it to give them distinctive. Just below that you will find a newsletter sign-up box through which readers can stay updated on the latest activities on the website and by the company.

Screenshot

Screenshot

There is a Features section which enlists all the features of the services by the company. Beside that you will also find a Member Login box and a contact number for quick contact. To balance the light colours usage, we have used a dark colour for the footer which shows 8 links.

The template code is validated by W3C and also conforms to Section 508 of the US Rehabilitation Act for Accessible design.

Dusky Template

This template titled ‘Dusky’ is an illustration of the twilight which is our favourite time of the day. It is a time when the sky shows different hues of colour in a peaceful and serene setting. The sky bustling with chirping birds is also a treat to watch. We tried to replicate this beautiful part of the day in the template by using light shades of blue, green, and yellow and pictures of birds and sky.

Screenshot

Screenshot

The left navigation of the body area shows a User Login box and a Portfolio of projects. The users can browse through all the projects by clicking on Next. The right navigation provides information about new services and a Quick Contact box wherein users can enter their name and email ID to contact instantly. The central area provides a brief overview of the company.

The template code is validated by W3C and also conforms to Section 508 of the US Rehabilitation Act for Accessible design.

Solitude Template

In this hustle bustle of life, we are always surrounded by people and our responsibilities and often long for solitude. This template, titled ‘Solitude’ depicts this reality of life. Solitude or quiet time has often been regarded as a blessing as this is the time when we think deeply, feel rejuvenated, and have our minds brimming with bright new ideas. If you are thinking that I am taking you on a spiritual realm, you are right! This is our intention through the template titled ‘Solitude’.

The header section shows a bird perched on a branch and looking upwards as if looking for inspiration. This is us, the designers who are always looking ahead for new ideas, inspiration and of course solitude! We used light colours and abstract art to complement the theme of the template.

Screenshot

Screenshot

The body shows a short description of the company, the services provided, and a testimonial column. The services column also shows the related icon. The right navigation shows a preview of photos by the company, a Quick Contact box, and Links to Projects completed.

The template code is validated by W3C and also conforms to Section 508 of the US Rehabilitation Act for Accessible design.

Thank you, guys. We appreciate your work and your good intentions!

↑ Back to top

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

  1. 1

    What an awesome collection

    Thanks!

    -2
  2. 2

    Shall we convert it to WP template? :)

    0
  3. 3

    Nice ones :-)

    0
  4. 4

    Great Collection of Templates. Have to try it on my site that which looks best.

    0
  5. 5

    Wow !!

    Thanks for sharing some excellent posts !!
    Keep posting nice ones.

    -Abhi

    -1
  6. 6

    Thank you! There are gorgeous!

    -1
  7. 7

    Wow. Just wow. They are all awesome.

    -1
  8. 8

    Great templates. Thanks.

    0
  9. 9

    Aleksandar Tasevski

    June 4, 2009 3:27 am

    Nice collection of templates, thanks!

    0
  10. 10

    Fantastic Collection!

    0
  11. 11

    Thank you very much for this pleasant surprise.
    ;)

    0
  12. 12

    Thank you! Finally, some nice non-WP templates!

    0
  13. 13

    nice templates….. Templateworld Rocks

    0
  14. 14

    a.m.a.z.i.n.g.!.!.!

    0
  15. 15

    Great.! .
    templates are awesome.

    0
  16. 16

    Dusky and Solitude are my favourites.

    0
  17. 17

    Oh these are great templates, Very good work

    0
  18. 18

    Awesome .. !

    0
  19. 19

    Very Inspiring! Just wonder how the detail pages should look like. But anyway, thank you very much for sharing!

    0
  20. 20

    Wow, it so smashing…

    -1
  21. 21

    awesome stuff! thanks for sharing!

    0
  22. 22

    not the best markup he ..
    whats with the use of lists, paragraphs et cetera ?

    0
  23. 23

    Great list!

    0
  24. 24

    excellent, out of sight!

    love seeing how other designers create their art for the net

    0
  25. 25

    they are all great…but that solitude template is money.

    0
  26. 26

    Waouw, waouw!!! Just great, espacially the Solitude one ^^

    0
  27. 27

    gosh they’re a sight to behold. somebody pinch me, I can’t believe they’re free!

    1
  28. 28

    What’s with the ‘divitis’ in these templates. They’re beautiful templates, I just wish the mark-up was a bit more solid.

    0
  29. 29

    I’m going to crazy cuz of this article!!!so nice…=D

    0
  30. 30

    Yea, you really love your designers and developers. That’s why you’re giving away free websites and advertising for template world, making all your designer fans useless. That’s ok because your designer fans are ignoramus.

    0
  31. 31

    very cool! xD

    0
  32. 32

    My jaw literally dropped! I had to pinch myself! Thank you so much Smashing Magazine! You guys are really smashing! This is going to be historical! Thanks!

    0
  33. 33

    very nice resources

    0
  34. 34

    These are wonderful! Perfect for customization!

    0
  35. 35

    Those are great! There are great designers out there.

    0
  36. 36

    Beautiful collection resources!

    0
  37. 37

    Hi there. I was wondering if these templates can be converted to wordpress?

    0
  38. 38

    Joseph Socorro

    June 4, 2009 7:15 am

    Hi from Venezuela,

    AWSOME post, thanks a lot.

    0
  39. 39

    these are beautiful! thank you!!

    0
  40. 40

    Thanks, very beautiful templates and also really inspiring me to make something.

    0
  41. 41

    Pedro Magalhães

    June 4, 2009 7:46 am

    Thanks! They are really a piece of art!

    0
  42. 42

    Love the themes but you gotta stop!! Every time you publish more themes I want to change mine! Too many good options. How to decide?

    0
  43. 43

    Thanks! very nice…. but I need more :)

    1
  44. 44

    Thanks for the great templates…

    0
  45. 45

    Shoddy markup, which is a shame. Using about 8 div’s to create menus that could be done with one list is really not very semantic.

    The “solitude” template, for example, fails validation because of a closed P tag, that was never actually opened. Schoolboy error.

    Who ever coded these up should read the article posted on here a while back about css heaven and hell.

    0
  46. 46

    Aw man, what’s the point of any of us being designers.

    0
  47. 47

    Mauro Carrasco

    June 4, 2009 8:50 am

    thanks for the gift! they’re awesome

    0
  48. 48

    Léo Renaud-Allaire

    June 4, 2009 9:02 am

    div class=”h3″
    div class=”h2″

    Wow. That’s just so wrong.

    0
  49. 49

    m/
    Really Awesome post!
    Loved it :)

    0
  50. 50

    Amazing, some of the best free templates I have seen, the people complaining about the shoddy mark up it’s hilarious they are free templates, do the mark up yourself :D

    0
  51. 51

    Very nice templates, thanks for sharing!

    0
  52. 52

    Sorry about the validation errors– seemingly we goofed up and forgot the QA check. The errors will be fixed first thing tomorrow morning. Thank You all! :)

    0
  53. 53

    Thank you for the templates. I just started converting the ‘Solitude’ template to wordpress. Let me know if you want to see some other templates in action(wordpress). you can tweet me with your choice. I will try to release them soon for WordPress at my blog.

    0
  54. 54

    very beautiful ones… especially SHAPE!!

    0
  55. 55

    Lovely! Very high quality templates- thank you! Think I will give Shape a try..

    0
  56. 56

    Oh how I love you, Smashing Magazine.

    0
  57. 57

    Tworzenie stron www - Kreatif

    June 4, 2009 11:22 am

    I like 2 Breed Template

    0
  58. 58

    Nice collection. One question: how can an PSD file be an (X)HTML template? That depends on how you code your template…

    0
  59. 59

    They look nice, but what are people actually supposed to do with these?

    0
  60. 60

    These are awesome, I can’t believe they are free! Projection and Shape are my favorites.

    RTed!

    0
  61. 61

    As others have pointed out, the quality of the markup leaves a lot to be desired. Maybe someone else would like to volunteer their time to fixing it up?

    0
  62. 62

    These look really useful, I’m learning a lot by dissecting them. Thanks a ton!

    0
  63. 63

    These are wonderful – Thank you so much!

    0
  64. 64

    This is pure awesome pack, I am going to start working on my first website layout and this will tremendously helpful..

    0
  65. 65

    Abisola Fatokun

    June 4, 2009 3:13 pm

    Seriously, Smashingmagazine has to be the BEST website in the world!! Yet another great post (with delicious freebies attached).

    0
  66. 66

    Dilipkumar Jadhav

    June 4, 2009 4:09 pm

    This is amazing stuff !!!
    Projection & Solitude are definitely my favorite…
    Now, I need to find myself a project where I can use these.
    Thank you so much SM !!!

    0
  67. 67

    Thank you so much. I’ve already downloaded them and am working with them right now. This made my day!!

    0
  68. 68

    Awsome :) love them all thanks for sharing them for free

    0
  69. 69

    Clean templates.

    0
  70. 70

    awesome!

    0
  71. 71

    These are great!

    0
  72. 72

    A nice collection and well done – on the first glance, but for example – as another one mentioned before – the xhtml-templates are coded very poor. And actually I think there are nice graphics used by these templates, but there is no template I would use for a live site “as it is”.

    Anyway – it’s nice sharing things … so I won’t complain any more ;)

    0
  73. 73

    Some interesting work..

    0
  74. 74

    Thanks SM!..

    Nice Collection…

    0
  75. 75

    Thank you. Beautiful collection!

    0
  76. 76

    Nice job!!! Thanx you so much!

    0
  77. 77

    I just Say WoooooooooooW!!

    Thanks for such a nice colletion

    0
  78. 78

    Wow, great designs. They are good to learn from. Thanks!

    0
  79. 79

    Thanx a ton!!! nice collection of templates.

    0
  80. 80

    Hi,
    I know this person who make these all designs. we call him (laltu) he is civil engineer. but he make different in his profession.and he is my good friend. good work , laltu pls call whenever u get time.

    0
  81. 81

    Wow, Those are really nice ! :P

    0
  82. 82

    marvelous designs are dam good

    0
  83. 83

    Good designs..

    0
  84. 84

    Thank you very much indeed for these great and useful templates.

    0
  85. 85

    Design ForSite

    June 5, 2009 2:27 am

    Nice set of templates! Good for learning from at the very least!! For those commenting about XHTML compliance, for the temporary moment can the problems be easily fixed via an XHTML validator like that on http://www.w3c.org?

    Cheers!

    0
  86. 86
  87. 87

    haha so now all you people will have the same looking websites with awful coding..

    0
  88. 88

    Excellent Designs… :)

    0
  89. 89

    Nice. If a bit busy.

    0
  90. 90

    Wicked post smashing…Thanks!!

    0
  91. 91

    Great done. It’s hard to find very nice templates like those for free.

    0
  92. 92

    wawooooooooooooo…

    0
  93. 93

    Thanks.

    0
  94. 94

    Thank you so much! These are so great!!!

    0
  95. 95

    Beatiful coolection… thanks!!!

    1
  96. 96

    Great Collection!!! Love it!

    2
  97. 97

    Thank. so beautiful.

    0
  98. 98

    Thank a lot

    0
  99. 99

    Swetha Ganjipally

    June 5, 2009 12:02 pm

    What an awesome collection!!!!!!!

    Thank you so much for sharing

    0
  100. 100

    Prashant Poladia

    June 5, 2009 12:27 pm

    These are very good.

    0
  101. 101

    What a wonderful collection! I don’t see any reason why anyone should complain about the coding when the templates are free, both for personal as well as commercial use. I guess that is school boy attitude ;) The templates are extremely beautiful! Keep it up SmashingMag and TemplateWorld!

    -1
  102. 102

    Thank you Smashing Magazine and TemplateWorld! For someone who is starting out in web design, I really appreciate the free templates.

    0
  103. 103

    wecostumizedweb

    June 6, 2009 7:15 am

    I will love to costumized this thanks guyz ur the best :)

    -1
  104. 104

    So TemplateWorld….waiting for gallery template for the next free stuff…

    1
  105. 105

    Lourenzo Ferreira

    June 6, 2009 4:17 pm

    Is it allowed to create Drupal Themes based on this, citing the original author, under GPL license?

    Thanks


    Lourenzo Ferreira

    0
  106. 106

    wow excellent collection thanks for smashing mag really its smash

    1
  107. 107

    You, boys rock! Thank you very much.

    0
  108. 108

    Great work..that’s really awesome :D

    0
  109. 109

    blackdeffender

    June 7, 2009 4:17 pm

    realmente espectaculares there is no words… thanks a lot from chile

    1
  110. 110

    olive e-business pvt ltd.

    June 7, 2009 9:43 pm

    Olive e Business’s name in my opinion should be modified to Olive’sharassment Business services without any element of doubt!! They notonly are irregular in issuing the well deserved salaries
    to theiremployees but also misguide and mistreat them tremendously.

    Althoughthey claim to be an ethical company in Delhi, India but personallyspeaking I have till date not come across such an unethical company.So. please don’t go by the list of bluffing stuff they have mentionedin their website and save yourself from being a part of it. Thesalaries they are paying are not according to the market standards andthe work culture too isn’t corporate. HR seems to be quite inefficientand the management has never ever thought its employee’s benefits. Iknow many ex-employees who had genuinely served 2 months notice periodbefore quitting and are still asking for their full and final from thecompany when its already more than 10 months that they have left thecompany.

    I think I would never ever recommend this Olive’sharassment Business services to any job seeker be he/she is the personI envy the most.

    So beware and stay out of Olive’s mess!!!

    -2
  111. 111

    thaaannkyoooo..smaaashmaaaaag…

    0
  112. 112

    Beautiful templates. You guys are the BEST. Keep’m coming.

    0
  113. 113

    Hey, here’s a free car for you to use, it hasn’t got any seat belts but it’s FREE, so don’t complain……

    I know it’s a far off analogy but I think people are entitled to complain about Mark-up on this site. We as designers and developers want to adhere to good web standards, so as much as they are FREE templates at least make them up to scratch!

    1
  114. 114

    Wowaaaaa.. Kool

    0
  115. 115

    Great templates! Encore!?

    0
  116. 116

    My goodness! These are all free? Fantastic!

    0
  117. 117

    The “2 breed” template seems to be missing the .psd file!

    Anyway, thanks for sharing!
    Marcello

    0
  118. 118

    thank you, this is so great

    0
  119. 119

    A bit of a dumb question but might not be .. is this possible to be used in Blogger? shogun168@gmail.com

    0
  120. 120

    Awesome…!!!

    0
  121. 121

    This is absolutely AWESOME…

    0
  122. 122

    does the 2breed design contain the psd? i dont think it has it

    0
  123. 123

    How can we get the 2 breed PSD file?!

    0
  124. 124

    awesome awesome awesome! Thank you!

    0
  125. 125

    Thanks for these, they are very inspiring and very presentable themes, even if a little impractical.

    Good Stuff!

    0
  126. 126

    Can you delete or filter out all comment that have an any something like this:

    awesome awesome awesome! Thank you!

    or

    Awesome…!!!

    Maybe add a restriction of minimal character in comment? Anyway, that’s hard to find a normal comment.

    1
  127. 127

    Wow thanks! Those are good inspirations. And what can be better than actually see how it was build.

    0
  128. 128

    I’m not a spamer, but I’m so thankful that can say only awesome awesome awesome :)

    0
  129. 129

    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

    0
  130. 130

    very very very nice, thanks for these great designs!

    0
  131. 131

    thanks for this. Reading the ideas behind the design was very interesting and very helpful. To get inside a talented designers head and understand why they picked chess pieces or why they used black for a footer is rare. The article really shows the thought that goes into the smallest details in web design. Thanks again

    0
  132. 132

    Very nice ones, excellent templates!! Keep on it!!

    0
  133. 133

    I just love the templates.

    0
  134. 134

    Thanks to the designers and Smashing Magazine! These are really beautiful templates!

    0
  135. 135

    Marko Randjelovic

    June 21, 2009 7:00 am

    Very cool! Thank you! :)

    0
  136. 136

    Merci ces templates sont superbes

    0
  137. 137

    Thanks to the designers and Smashing Magazine! Its quite awesome!

    0
  138. 139

    What a beautiful design, thanks for your sharing.

    0
  139. 140

    WE LOVE YOU GUYS TOO!!! Wow! You guys just rock my world every single time Im on the website. Thanks so much for sharing!!! The templates are beautiful!!!

    0
  140. 141

    Stacy Blackman

    July 1, 2009 5:56 pm

    Beautiful designs one and all! Fantastic work, and thank you for sharing!

    0
  141. 142

    Jonathan Olsen

    July 9, 2009 2:25 pm

    The links doesnt work for me.. Fix them plz!

    0
  142. 143

    Thanks for sharing!!!

    0
  143. 144

    Excellent collection. I like all the designs

    0
  144. 145

    Tnx bro..

    0
  145. 146

    thanks, to all of you that do this awesome work and share it with us.this is the most resourceful site on the web, you guys absolutely rock!

    0
  146. 147

    Wow wonderful this is amazing

    0
  147. 148

    awsome collections… thanks alot

    0
  148. 149

    google seo,search engine optimization,google adsense for thanks sharing ..

    0
  149. 150

    Excellent collection….
    Hats off to the creator….

    0
  150. 151

    Guys,

    Awesome designs. The team paid a lot of attention to the design details. You could charge a premium price but you decided to offer them to us for free. Talk about adding value to your readers. Very Cool. I am learning a lot for the Smashing team.
    Thanks,
    Lorenzo Wallace

    0
  151. 152

    Nice Collection , but can anyone explain to me why people buy templates? do the people like to have the same designs? do they not care that 500 or more websites will look the same or nearly the same?

    0
  152. 153

    these templets r very helpful.
    keep publishing such templates ifn future

    0
  153. 154

    templets r vey helpful.
    hope to see such templets in future tooo.

    0
  154. 155

    Templates are quite good. Especially like Projection and 2Breed template

    0
    • 156

      My question could be: How to edit them in the PSD file and then export the “slices” ???

      0
  155. 157

    Great templates guys, thanks for the hard work and then providing them for free, it’s greatly appreciated!

    0
  156. 158

    They are great :)

    0
  157. 159

    يوتيوب اسلامي

    December 22, 2009 5:40 pm

    Thanks for your help, thanks a lot
    يوتيوب
    اسلامي

    0
  158. 160

    can I remove the credit links? Please clarify.

    0
  159. 161

    thanks a lot!!
    i made psd template by my self and convert it using free service at mypsd4xhtml.com, but my design skills and sense for good looking website are awful!!
    Dusky Template is exactly what i need!
    thanks a lot again!!

    0
  160. 162

    Solitude is really cool design…..Thanks a lot…..I want more…..

    0
  161. 163

    I’ve adapted the Artificial Casting template to use the new ApostropheNow CMS as part of my review of it.

    The HTML / CSS was a bit wordy but solid.

    If you’re interested in seeing the live demo & review it’s here:
    http://www.robertspeer.com/blog/apostrophenow-a-cms-so-easy-even-your-mom-could-use-it/

    0
  162. 164

    thanks a ton guys. :)
    been looking for exactly this kind of stuff.

    0
  163. 165

    Greetings !
    Thanks for sharing …
    Cheers :)
    Autre

    0
  164. 166

    it is free templet from templateworld.com/free_templates_2_10_4.html.

    0
  165. 167

    nice templates

    0
  166. 168

    muy bueno gracias por el aporte

    0
  167. 169

    SIMPLY SUPER, AND EXTRAORDINARY COLOR SCENE

    0
  168. 170

    Thanks a lot for your nice templates

    0
  169. 171

    Very excellent design. Thanks friend……………….
    Keep it up……………….

    0
  170. 172

    hi, nice templates, but … are you sure its free?? I can’t download them … :’(

    0
  171. 173

    are they still free ? the links doesnt work anymore…

    -1
  172. 174

    Templates are awesome… Templateworld templates are beautiful!!!

    0
  173. 175

    These are wonderful excellent…..!

    Thankyou So Much….

    0
  174. 176

    Very Excellent templates . Thank u so much.

    0
  175. 177

    am nt understand this site sir,

    0
  176. 178

    A round of applause for your blog article.Thanks Again. Fantastic.

    0
  177. 179

    WOW! I love your templates. Just found your site and haven’t looked around yet. Pre-emptive questions 1 looking for a WordPress template for my blog 2 looking to get a web site for my business set up and want it to look like your templates.

    I’m going to look around but thought I’d ask!!

    0

↑ Back to top