960px grid templates

I’ve created a selection of 960 pixel-wide uniform grid templates ranging from 3-columns to 16-columns, for both Adobe Photoshop and Fireworks:

Photoshop templates

Fireworks templates

Photoshop & Fireworks templates

View the repository on GitHub →

Although the margin widths of these uniform grid templates do vary, each one adheres to an overall width of 960px. All of the templates are released under a Creative Commons Attribution-Share Alike license, meaning you can distribute derivative works but only under a license identical to the Attribution-Share Alike license. They may be used for commercial purposes, but you may not sell them.

Nathan Smith, creator of the nifty 960 Grid System, already provides 12, 16 and 24-column grid templates that work well if you’re designing to build with his framework. But as someone who doesn’t actively use CSS frameworks, I wanted a greater variety of grids to aid in my site designs. I figured if I made them, I could release them for general consumption and maybe try to give a little something back to the web community that I’ve taken so much from!

Please, if you notice any issues with any of the templates or have suggestions on how to improve them, let me know. Thanks.

Grid Margin width Gutter width
3 column 10px 20px
4 column 10px 20px
5 column 10px 20px
6 column 10px 20px
7 column 14px 20px
8 column 10px 20px
9 column 13px 20px
10 column 10px 20px
11 column 17px 20px
12 column 10px 20px
13 column 9px 20px
14 column 14px 20px
15 column 10px 20px
16 column 10px 20px