The Square Grid CSS Framework

The Square Grid is “a CSS framework for designers and developers based on 35 equal-width columns. The grid is equiped with a 28px baseline-grid for a smooth vertical rhythm. Each block (DIV) is defined with a margin of 1 square (28px) from the next block.”

The files include sketch sheets for printing (PDF), design layout templates (for Photoshop, InDesign and Illustrator), code files with explanations (CSS, HTML).