7 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

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

  5. Reply
    Daniel says:

    404 — File not found.

  6. Reply
    Dexter Hartley says:

    I get a 404 when I try to download?

  7. Reply
    Marcel M. Dawson says:

    The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

Have your say: