Free Website Style Guide Photoshop Template

7 Jul 2009

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.

If you are a website designer, you probably know that having a clear and well prepared style guide can save an enormous amount of time for developer and save the designer from having to explain the design details over and over. That’s why I have created a blank website style guide template. I hope it will enable designers to speed up their design process and bring more beautiful designs to our community. As a Drupal designer I hope it could be used as a Photoshop styleguide for more Drupal designers.

image-holder

A fully layered, well documented, blank Photoshop PSD template, with all design elements, typography tags, comments, ads, poll and many more, to speed up your design process and make your developers happier. It’s well documented layers make it super easy to adjust it to your needs, apply layer styles and add colors or effects as needed. Using the 960px grid system with guidelines makes layout rearranging a matter of seconds.

This tempalte was made based on a design I made for NDN.org and sponsored by CivicActions – a Drupal company I worked for.

Download the Free Website Style Guide Photoshop Template

Update: this template was released in my guest blog on Sharebrain.info, but that article is not available anymore…

Similar Posts:

If you enjoyed this post, make sure you subscribe to my RSS feed!

Tags: design, free, resources, Theme

16 Responses to Free Website Style Guide Photoshop Template

Ryan

July 8th, 2009 at 12:56 am

Awesome! Thank you much, I am so using this and telling my friends. Prepare to be tweeted. :)

[Reply]

thomas

July 8th, 2009 at 9:38 am

Hello Jojo,

thanks again for publishing this on our little site :)

keep up the great work,
thomas

[Reply]

drupal video tutorial

July 10th, 2009 at 1:22 pm

well i guess the theme is really a good design and it has the sense of simplicity and elegance

[Reply]

Rebecca H

July 20th, 2009 at 1:31 am

I thank you so much for this site. I hope to learn about all of this more and make a better blog.

[Reply]

Alok

July 26th, 2009 at 1:29 pm

Really it is gr8 post and too informative as well.

[Reply]

Plotki

November 1st, 2009 at 10:50 pm

thanks Jozef
Nice work I downloaded and testing it ;-)

[Reply]

SEO Web Design

November 4th, 2009 at 7:06 am

Great Post! I thingmo web design is complete if it doesn’t have clear naviation, readability of text and forms to contact

[Reply]

web design kent

January 28th, 2010 at 11:03 am

Many thanks for the post! I have been meaning to brush up on my photoshop / design skills – Now you have given me a great reason to!

[Reply]

templatelife

June 22nd, 2010 at 6:43 am

Nice and good design. It gets right to the point. The structure is impressive. Good work!

[Reply]

socialamigo

July 14th, 2010 at 11:32 pm

Nice template and this will be added to a post I am writing for publishing on my blog at http://www.designforseo.org – If you have any additional thoughts on this template and the process as it moves or interacts with the development process, or how the template changes when applied to different platforms or business sectors, I’d love to hear how.

Thanks again.

[Reply]