• Articles

    • Long Live the 12-Column Grid

    • When I first crossed the great divide from print to web, one of the ear­li­est things I tried to do was intro­duce a flex­i­ble multi-column grid (you know, like a magazine).

    • 07.May.2010
    • Web Design with Grids

    • Peo­ple, includ­ing myself are build­ing sites using grids. Now it seems to me that when you’re design­ing in a browser you want to be able to fol­low the grid’s prin­ci­pals all the way through the process.

    • 07.May.2010
    • 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.

    • 02.Mar.2010
  • Tools

    • Fluid Grid

    • A web grid sys­tem that allows design­ers to use the screen real estate on large mon­i­tors and retain great design on smaller ones.

    • 07.May.2010
    • Griddy

    • A small JQuery plu­gin thats cre­ates a sim­ple, cus­tomiz­able over­lay on top of any element.

    • 07.May.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.

    • 02.Mar.2010
  • Books

    • Universal Principles of Design

    • Uni­ver­sal Prin­ci­ples of Design is the first com­pre­hen­sive, cross-disciplinary ency­clo­pe­dia of design.

    • 04.Nov.2009
    • Designing for the Web

    • A Prac­ti­cal Guide to Design­ing for the Web has writ­ten expla­na­tions of the core prin­ci­ples of graphic design in rela­tion to the web.

    • 08.Oct.2009
    • The Way of Typography

    • The book also goes into depth on how to cre­ate grid sys­tems by hand with only pen­cil, straight­edge and compass.

    • 18.Sep.2009

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