Grid Index is the first comprehensive visual lexicon of patterns and grid systems.
Redesigning Unit Interactive
Unit Interactive discusses the redesigned of their website which includes a section of the grid system used for the site.
Golden Ratio Calculator
Calculate the golden ratio of a set width on the fly with this online and OS X widget based calculator.
Design and the Divine Proportion
A key component in the vehicle of communication is composition, and in design schooling it is taught as something you should feel rather than create logically.
Simon Hoegsberg Photography
Simple and functional grid based site design.
Grid Designer
A CSS tool used for creating scalable grids and calculating typographic settings and that generates CSS and XHTML templates.
Golden Ratio in Modern CSS
Harmony. A word that sounds so beautiful, like its own meaning. But how is it possible to achieve it in every place of our layout design? “Golden Ratio” is the answer.
Yahoo! UI Library CSS Grid Builder
A grid building tool as part of the Yahoo! UI Library that allows you to set the amount of columns and rows.
Constructing the Grid
Step by step guide on creating the grid used for the covers of the original Pelican Books.
The Complex Grid
Creating a complex grid system that allows for a layout to be divided into 2, 3, 4, and 6 columns and that’s based on Karl Gerstner’s grid for CAPITAL magazine.
The Vignelli Canon
A 96 page PDF book by the master Massimo Vignelli on better understanding typography in graphic design with a nice section of grids.
InDesign A3 Grid System (12)
Adobe InDesign file with a grid system for an A3 (297x420) page that is divided into 12 columns and rows using the Rule of Thirds (Golden Ratio). Includes a 12pt baseline grid.
InDesign A3 Grid System (6)
Adobe InDesign file with a grid system for an A3 (297x420) page that is divided into 6 columns and rows using the Rule of Thirds (Golden Ratio). Includes a 12pt baseline grid.
Type Book/Grid Project
Project involving developing a grid system, and laying out an informational book on the usage of type, with text from various sources.
Feeling Your Way Around Grids
The Golden Section, Golden Ratio, and the grandiose Divine Proportion are all names for the same thing; a ratio of 1.618.
Making and Breaking the Grid
A layout design workshop that assumes that to effectively break the rules of grid-based design one must first understand those rules and see them applied to real-world projects.
Typogridphy
Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts.
Six Creative Column Techniques
Effective ways of getting creative with your columns in grid-based Web design.
Re-subscribe to the RSS feed
The feed url has changed so please unsubscribe to the old feed and re-subscribe to the new one. Thanks.

















