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
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
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
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
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
Inspiration
- Ace Jet 170
- AisleOne
- Athletics
- BBDK
- Blanka
- Build
- Corporate Risk Watch
- David Airey
- Design Assembly
- Dirty Mouse
- Experimenta
- Experimental Jetset
- Form Fifty Five
- Grafik Magazine
- Grain Edit
- Graphic Hug
- I Love Typography
- Lamosca
- magCulture
- Mark Boulton
- Minimal Sites
- Monocle
- Neubau
- NewWork
- OK-RM
- Original Linkage
- Robin Uleman
- SampsonMay
- Schmid Today
- September Industry
- Soulellis
- Subtraction
- Swiss Legacy
- Thinking for a Living
- This Studio
- Toko
- Typographic Posters
- Visuelle
- Xavier Encinas
- Year of the Sheep
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.
Archives
Goodies
Colophon
- Made on a Mac
- Set in Helvetica
- Themed in Futurosity
- Hosted by Media Temple
- Powered by Wordpress

















