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

40 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…

filmstreaming vk's picture

Awsome free syle photoshop templates you are sharing thank you!

http://www.filmstreamingvk.fr/films/historique/

peter's picture

Nice post Sir. I like it very much.This is really very informative.showbox fasttechbuzz. check link.

pioneerseo's picture

Great informative article you have shared in this post, I Just want to say that you have done a great job. Keep it up.Learn Photo Editing download

BenqiLois's picture

There some plugins can be used in Photoshop that will help you in developing website's format. So you'll be able to create an online site without acquiring any code skills. uk iptv streams

asadalikhatri's picture

These backlinks help your website to get noticed on various search engines and this improves your page rating. If your page is linked to different types of websites, there is a greater scope for being successful.
Magic Submitter software

asadalikhatri's picture

These backlinks help your website to get noticed on various search engines and this improves your page rating. If your page is linked to different types of websites, there is a greater scope for being successful.
Magic Submitter software download

View this site for bear hunts, click here's picture

I have no idea of how a web designer to perform his job. However, I am satisfied with a simple web page design and use striking colors, beyond just the web interface aren't monotonous is important so that the visitor isn't going to feel bored to go to the site.

BerryDaez's picture

The use of Adobe Photoshop is fairly important inside the making of a web style. Although My business is not a web design service, but I do think the employment of Adobe does have an important role in making a website development crate provides tags, for example.
http://www.sheltercovefishinglodge.com/default.asp

MariaRutherford's picture

I do not know how a web designer to do his job. However, I am happy with a simple web design and do not use striking colors, in addition to the web interface are not monotonous is important so that a visitor does not feel bored to visit the website.
http://www.cleaning-legacy.com/home.php

best hotels in kampala's picture

The using Adobe Photoshop is pretty important inside the making of a web design and style. Although My business is not a freelance web designer, but I believe the application of Adobe has an critical role in making a web page design crate gives tags, and many others.
http://www.hotelruch.com

long frocks's picture

A vWhat is your most noted accomplishment. They may want good listeners rather than good talkers. long frocks

films streaming's picture

The using Adobe Photoshop is pretty important inside the making of a web design and style.

film streaming

LoisCrel's picture

The use of Adobe Photoshop is quite important in the making of a web design. Although I am not a web designer, but I think the use of Adobe does have an important role in making a web design crate provides tags, etc. denver flooring

Arun's picture

Good post thank for this awesome post {Working} How To Make Whatsapp Free For Lifetime 2015

Arun's picture

Great Design really useful thanks !! check my posts Hidden Android Secret Codes For Your Smart

Phone

How To Increase Utorrent Download Speed

Add new comment