4 comments
Retweet

Web page template with 960 grid system

This web page template with 960 grid system is for use in your personal and commercial projects, and can be used without attribution. If you wish to redistribute the web page template please link back to SixCrayons.

Web page template with 960 grid system

I pretty much use this PSD on a day to day basis as my starting point to designing web pages.

The PSD has the 12 and 16 bar 960 grid system. Even if you don’t like using the 960 Grid system you will find this template useful. Guidelines mark out your 940, 960, and the 1024 pixel lines. If you can’t see any Guidelines turn them on by pressing CTRL ‘H’ (pc) or CMD ‘H’ (mac). Using this as a default base will hopefully give you a starting point for your web designs in Photoshop.

On each of my PSD’s I will release this week you will see I have one white layer above all other layers. Saving a PSD out like this reduces its size by up to 20%. Just a little handy tip if you are struggling to reduce your PSD size.

The PSD’s dynamics are – Width: 1100px Height: 960px

Download the web page template with 960 grid system below

This post was written by

Harry

Harry is the designer for sixcrayons and fubra. He likes to write, speak and share his knowledge about web design whenever he can. When not designing websites he spends time surfing or thinking about The Next Big Thing. You can find him at his home fordoing and on twitter.com/harryford .

4 comments

  1. Reply
    Shiggy says:

    Thanks Harry!

    Gonna try out the template now. Will let you know how it goes!

  2. Reply
    Harry says:

    @Shiggy Awesome, let me know how you get on

  3. Reply

    Social comments and analytics for this post…

    This post was mentioned on Twitter by carltonhibbert: RT @sixcrayons: Web page template with 960 grid system http://tinyurl.com/ygvgmvw...

  4. Reply

    [...] You can download the PSD here —> web page template with 960 grid system [...]

Have your say: