ANNOUNCEMENT - Mogdesign joins i-KOS Digital - click to read why...

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

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

24 comments so far

Ryan's picture

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

thomas's picture

Hello Jojo,

thanks again for publishing this on our little site :)

keep up the great work,
thomas

Drupal Themes Garden's picture

Thanks for this post. It's really useful.

drupal video tutorial's picture

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

Rebecca H's picture

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

Alok's picture

Really it is gr8 post and too informative as well.

dc-dc converter 12v's picture

It’s really useful. Thanks for this post.

Plotki's picture

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

SEO Web Design's picture

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

web design kent'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!

s sri mahesh's picture

nice tutorial!!!

templatelife's picture

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

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

kk's picture

Excellent. Very clear and simple.

Sammy's picture

thanks for the post :)

Dalelorenzo Johnson's picture

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

PHP Developers | PHP Website | PHP Solutions's picture

Cool and knowledge sharing Site..!

andy eaton's picture

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

Rena's picture

Very useful work!

Martin Hall's picture

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

Website theme's picture

Good design.
Thank you for sharing.

sami's picture

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

Amy @ Justice Coin's picture

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

smai's picture

nice job! Thanks…

Add new comment