Free Website Style Guide Photoshop Template

07
Jul
2009

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

About the author

Jozef Toth's picture

CEO of Mogdesign.eu - Drupal design and development firm. Designer, blogger, christian, husband, father...
http://about.me/jojototh

LIKED THE POST? SPREAD THE WORD!

del.icio.usStumbleUponDiggFacebookLinkedIn

25 comments so far

Anonymous's picture

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

Anonymous's picture

Hello Jojo,

thanks again for publishing this on our little site :)

keep up the great work,
thomas

Anonymous's picture

Thanks for this post. It's really useful.

Anonymous's picture

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

Anonymous's picture

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

Anonymous's picture

Really it is gr8 post and too informative as well.

Anonymous's picture

It’s really useful. Thanks for this post.

Anonymous's picture

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

Anonymous's picture

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

Anonymous's picture

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!

Anonymous's picture

nice tutorial!!!

Anonymous's picture

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

Anonymous's picture

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.

Anonymous's picture

Excellent. Very clear and simple.

Anonymous's picture

thanks for the post :)

Anonymous's picture

What's a good website without a great designed template.. Great site!

Anonymous's picture

Cool and knowledge sharing Site..!

Anonymous's picture

I really like the look of that theme. thanks for sharing

Anonymous's picture

Very useful work!

Anonymous's picture

Thank you for the template and you help.

Anonymous's picture

Wow thanks so much for sharing this template. I've found it invaluable!

Anonymous's picture

Good design.
Thank you for sharing.

Anonymous's picture

I really like the look of that theme. thanks for sharing

Anonymous's picture

Nice work, i'm always looking for more photoshop help since i'm a noob.

Anonymous's picture

nice job! Thanks…

Add new comment