January 2009

Grid Index

Grid Index is the first com­pre­hen­sive visual lex­i­con of pat­terns and grid systems.

Redesigning Unit Interactive

Unit Inter­ac­tive dis­cusses the redesigned of their web­site which includes a sec­tion of the grid sys­tem used for the site.

Golden Ratio Calculator

Cal­cu­late the golden ratio of a set width on the fly with this online and OS X wid­get based calculator.

Design and the Divine Proportion

A key com­po­nent in the vehi­cle of com­mu­ni­ca­tion is com­po­si­tion, and in design school­ing it is taught as some­thing you should feel rather than create logically.

Simon Hoegsberg Photography

Sim­ple and func­tional grid based site design.

Grid Designer

A CSS tool used for cre­at­ing scal­able grids and cal­cu­lat­ing typo­graphic set­tings and that gen­er­ates CSS and XHTML templates.

Golden Ratio in Modern CSS

Har­mony. A word that sounds so beau­ti­ful, like its own mean­ing. But how is it pos­si­ble to achieve it in every place of our lay­out design? “Golden Ratio” is the answer.

Yahoo! UI Library CSS Grid Builder

A grid build­ing 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 cre­at­ing the grid used for the cov­ers of the orig­i­nal Pelican Books.

The Complex Grid

Cre­at­ing a com­plex grid sys­tem that allows for a lay­out to be divided into 2, 3, 4, and 6 columns and that’s based on Karl Gerstner’s grid for CAPITAL magazine.

About

Made popular by the International Typographic Style movement and pioneered by legends like Josef Müller-Brockmann and Wim Crouwel, the grid is the foundation of any solid design. The Grid System is an ever-growing resource where graphic designers can learn about grid systems, the golden ratio and baseline grids.

Created by Antonio Carusone, graphic designer and author of the design and typography blog AisleOne. Special thanks to Duane King for his help and wisdom.

For general inquiries or submissions, please send an email to: hello@thegridsystem.org

Subscribe

Want to stay updated with the most recent content? Subscribe below via email for daily updates or to the RSS feed.