It all begins with a sketch.
If you’re like me, you usually start your prototypes or wireframes on paper. However, it can be hassle to sketch out all the browser elements and grid anew for every page in a project. That’s why I created the 970 pixel wireframe sketch template that you can download (PDF) and use for your own work.
The grid is set to mimic 970 pixels, with 12 columns of 68 pixels width each, with a 14 pixel gutter between them. There are also 14 pixel gutters on the left and right sides, so the true width of the page would be 998 pixels if you wanted that padding.
As I’ve recently discovered, the 970 pixel grid is, in many ways, more accommodating than the popular 960 pixel grid.
In case you missed it, here is the template again: download.
