In: Drupal| English| Web Design
7 Jul 2009If 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.

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…
If you enjoyed this post, make sure you subscribe to my RSS feed!
Mogdesign is a personal blog of Jozef (Jojo) Toth a Slovak based Web and Graphic designer.
It is his notepad, where he shares his personal notes, code snippets, tutorials, design freebies, resources for freelancers and showcases his latest designs.
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 Themes Garden
July 8th, 2009 at 2:51 pm
Thanks for this post. It’s really useful.
[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]
dc-dc converter 12v
August 8th, 2009 at 1:55 pm
It’s really useful. Thanks for this post.
[Reply]
Photoshop Tutorials
August 20th, 2009 at 10:21 am
Cool result!
Thanks,
John
[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]
s sri mahesh
May 16th, 2010 at 5:18 pm
nice tutorial!!!
[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]
kk
August 6th, 2010 at 1:51 pm
Excellent. Very clear and simple.
[Reply]
Sammy
August 26th, 2010 at 7:16 am
thanks for the post :)
[Reply]