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).


Join the discussion and tell us your opinion.

October 12, 2010 at 8:52 am

That sure looks good. Looking forward to using it.

Susheel Chandradhas
October 17, 2010 at 4:43 am

Sure does look interesting. Gonna give it a shot on my next project.