The Grid System

Articles
- Making Grids in Illustrator 2
- The second part to Sigurdur Armannsson excellent article on creating grid systems in Adobe Illustrator. This article is based around the grid system developed by Marcus Gärde.
- 29.Jun.2009
- Seven Smooth Steps to Superb Grids
- One of the new trends among web designers has to be grid design. While grid design is a simple concept, there are now so many tools and ways of doing it that it might get confusing for newcomers.
- 29.Jun.2009
- Making Grids in Illustrator
- A detailed article by Sigurdur Armannsson on how to create a grid system in Adobe Illustrator.
- 08.Jun.2009
View All Articles →

Tools
- 1Kb CSS Grid
- A lightweight grid system tool that generates a simple, clean and small CSS framework
- 29.Jun.2009
- PDFGridder
- An excellent grid tool that generates a PDF version of the grid.
- 08.Jun.2009
- CSS with Vertical Rhythm
- This tool will help you compute CSS that has a consistent vertical rhythm.
- 19.May.2009
View All Tools →

Books
- The Grid Book
- Examines the history of ten grids that changed the world and charts the evolution of each.
- 07.Apr.2009
- Layout Essentials: 100 Design Principles for Using Grids
- This book outlines and demonstrate basic layout/grid guidelines and rules through 100 entries.
- 23.Mar.2009
- A Type Primer
- A Type Primer provides a practical guide for beginners, presenting the basic principles and applications of typography. The book includes a section on how type is applied to a grid.
- 18.Feb.2009
View All Books →

Templates
- Photoshop 4 Column Grid
- A free 4 Column Photoshop grid template for a 1024×768 screen resolution by Ray Gulick.
- 08.Jun.2009
- InDesign 568×792 Grid System (12)
- By Dario Galvagno. Adobe InDesign file with a grid system for a 568pts x 792pts page that is divided into 12 columns and rows using the Golden Ratio. Includes a 12pt baseline grid.
- 16.Apr.2009
- Illustrator 974px Grid System (12)
- By Neil Bradley. Adobe Illustrator file with a grid system for a 974px wide page that is divided into 12 columns and rows using the Rule of Thirds (Golden Ratio). Includes a 16px baseline grid.
- 18.Feb.2009
View All Templates →

Blog
- Process: Airside by Airside
- Airside explains it’s process of creating their book Airside By Airside. The article features a section on the grid system used for the layout.
- 29.Jun.2009
- Area 17
- Area 17 is a Brooklyn based studio with a gorgeous grid-based website.
- 08.Jun.2009
- Hello: Limited Edition Skateboard Released
- The limited edition Buddy Carr skateboard is now available for purchase. Designed on a simple grid.
- 01.Jun.2009
View All Blog Posts →

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

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