Although I am not a designer, it doesn’t stop me from trying and throughout my trials I’ve been experimenting with different grid systems.
I used 960.gs for a while but it seemed too small, so then I experimented with 1140px for a while and it was good, but I’ve since gone bigger and better and believe to have found one of the best grid templates for web design.
After previously trying a 15 column 1200px grid, I soon ran into some limitations, a major limitation being the fact 15 doesn’t evenly divide by two (which for a theme I’ve been designing is something I need).
Meet the 12 column, 1200px grid featuring 20px gutters and 80px wide columns. I was going to make it 24 columns, but decided 12 was more than enough and easier to divide in your head instead of 24. A 12 column grid is divisible by all the important numbers; 2, 3 and even 4.
Click here to download a Fireworks PNG which has the guides for columns and gutters added in, sorry no PSD, I only use Fireworks even though it has been discontinued. Try combining this grid with the use of the Semantic Grid System for awesome results and productivity.
someone else who uses Fireworks for web design. Good to hear and thanks for the PNG.