March 2010

#grid

A tool that inserts a lay­out grid in web pages, allows you to hold it in place, and tog­gle between dis­play­ing it in the fore­ground or background.

Grid Based Designs

A gallery show­cas­ing some of the world’s best web­sites designed based on a grid.

The Golden Grid Template

A PSD tem­plate based on the CSS frame­work The Golden Grid by Vladimir Carrer.

Applying Mathematics to Web Design

Because of its beau­ti­ful nature, mathematics has been a part of art and archi­tec­tural design for ages. But it has not been exploited much for website design.

Mystery of Golden Ratio Explained

The Egyp­tians sup­pos­edly used it to guide the con­struc­tion the Pyra­mids. The archi­tec­ture of ancient Athens is thought to have been based on it.

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.

If you want to say hi or for general inquiries, send an email to: hello@thegridsystem.org

Have an article, tool, template or news you want to submit? Send an email to: submit@thegridsystem.org

Subscribe

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

Colophon