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 DelliStore1, 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 Templateworld2 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.

Screenshot3

Screenshot4

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.

Screenshot8

Screenshot9

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.

Screenshot13

Screenshot14

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.

Screenshot18

Screenshot19

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.

Screenshot24

Screenshot25

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.

Screenshot29

Screenshot30

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!

Footnotes

  1. 1 http://www.smashingmagazine.com/2009/05/02/dellistore-a-free-professional-cssxhtmlpsd-template/
  2. 2 http://www.templateworld.com
  3. 3 http://www.templateworld.com/zero/in_action/shape
  4. 4 http://www.templateworld.com/zero/in_action/shape
  5. 5 http://www.smashingmagazine.com/images/xhtml-psd-templates/Shape-large.jpg
  6. 6 http://www.templateworld.com/zero/in_action/shape
  7. 7 http://www.templateworld.com/free_templates.html
  8. 8 http://www.templateworld.com/zero/in_action/projection
  9. 9 http://www.templateworld.com/zero/in_action/projection
  10. 10 http://www.smashingmagazine.com/images/xhtml-psd-templates/Projection-large.jpg
  11. 11 http://www.templateworld.com/zero/in_action/projection
  12. 12 http://www.templateworld.com/free_templates.html
  13. 13 http://www.templateworld.com/zero/in_action/artificial_casting
  14. 14 http://www.templateworld.com/zero/in_action/artificial_casting
  15. 15
  16. 16 http://www.templateworld.com/zero/in_action/artificial_casting
  17. 17 http://www.templateworld.com/free_templates.html
  18. 18 http://www.templateworld.com/zero/in_action/2_breed
  19. 19 http://www.templateworld.com/zero/in_action/2_breed
  20. 20
  21. 21 http://www.templateworld.com/zero/in_action/2_breed
  22. 22 http://www.templateworld.com/free_templates.html
  23. 23 http://blog.pixelthemes.com/2009/06/2-breed-joomla-theme/
  24. 24 http://www.templateworld.com/zero/in_action/dusky
  25. 25 http://www.templateworld.com/zero/in_action/dusky
  26. 26 http://www.smashingmagazine.com/images/xhtml-psd-templates/Dusky-large.jpg
  27. 27 http://www.templateworld.com/zero/in_action/dusky
  28. 28 http://www.templateworld.com/free_templates.html
  29. 29 http://www.templateworld.com/zero/in_action/solitude
  30. 30 http://www.templateworld.com/zero/in_action/solitude
  31. 31 http://www.smashingmagazine.com/images/xhtml-psd-templates/Solitude-large.jpg
  32. 32 http://www.templateworld.com/zero/in_action/solitude
  33. 33 http://www.templateworld.com/free_templates.html

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

Advertising
  1. 1

    Very nice templates, thanks for sharing!

    0
  2. 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
  3. 103

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

    very beautiful ones… especially SHAPE!!

    0
  5. 205

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

    0
  6. 256

    Oh how I love you, Smashing Magazine.

    0
  7. 307

    Tworzenie stron www - Kreatif

    June 4, 2009 11:22 am

    I like 2 Breed Template

    0
  8. 358

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

    0
  9. 409

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

    0
  10. 460

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

    RTed!

    0
  11. 511

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

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

    0
  13. 613

    These are wonderful – Thank you so much!

    0
  14. 664

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

    0
  15. 715

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

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

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

    0
  18. 868

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

    0
  19. 919

    Clean templates.

    0
  20. 970

    awesome!

    0
  21. 1021

    These are great!

    0
  22. 1072

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

    Some interesting work..

    0
  24. 1174

    Thanks SM!..

    Nice Collection…

    0
  25. 1225

    Thank you. Beautiful collection!

    0
  26. 1276

    Nice job!!! Thanx you so much!

    0
  27. 1327

    I just Say WoooooooooooW!!

    Thanks for such a nice colletion

    0
  28. 1378

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

    0
  29. 1429

    Thanx a ton!!! nice collection of templates.

    0
  30. 1480

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

    Wow, Those are really nice ! :P

    0
  32. 1582

    marvelous designs are dam good

    0
  33. 1633

    Good designs..

    0
  34. 1684

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

    0
  35. 1735

    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
  36. 1786
  37. 1837

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

    0
  38. 1888

    Excellent Designs… :)

    0
  39. 1939

    Nice. If a bit busy.

    0
  40. 1990

    Wicked post smashing…Thanks!!

    0
  41. 2041

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

    0
  42. 2092

    wawooooooooooooo…

    0
  43. 2143

    Thanks.

    0
  44. 2194

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

    0
  45. 2245

    Beatiful coolection… thanks!!!

    1
  46. 2296

    Great Collection!!! Love it!

    2
  47. 2347

    Thank. so beautiful.

    0
  48. 2398

    Thank a lot

    0
  49. 2449

    Swetha Ganjipally

    June 5, 2009 12:02 pm

    What an awesome collection!!!!!!!

    Thank you so much for sharing

    0
  50. 2500

    Prashant Poladia

    June 5, 2009 12:27 pm

    These are very good.

    0

↑ Back to top