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 & 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 |