Join The Forum

Hide Grid Show Grid

“ The grid system is an aid, not a guarantee.
It permits a number of possible uses and each
designer can look for a solution appropriate to his
personal style. But one must learn how to use the
grid; it is an art that requires practice. ”
Josef Müller-Brockmann

The ultimate resource
in grid systems.

• Articles

• • Myths & Misconceptions About Grid Systems

  • A few myths and mis­con­cep­tions about grids exist in the design com­mu­nity that can be detrimental. 

  • 29.Nov.2009
• • Create a Grid Based Resume

  • Use the power of grid based designs to cre­ate a struc­tured and pro­fes­sional page lay­out in InDesign.

  • 22.Nov.2009
• • Grid-based Layout

  • A grid is a tech­nique that comes from print design but eas­ily be applied to web design as well. In its strictest form a grid is lit­er­ally a grid of X by Y pixels.

  • 04.Nov.2009
• View All Articles →

• Tools

• • Slammer 1.0

  • A new, robust ver­sion of Slam­mer that super­im­poses a cus­tomiz­able grid over any window.

  • 22.Nov.2009
• • Atrise Golden Section

  • Atrise Golden Sec­tion allows you to design using the golden sec­tion pro­por­tion visu­ally over your pre­ferred design software.

  • 04.Nov.2009
• • Adaptive Grid System based on the Golden Section

  • A two col­umn grid sys­tem based on Mark Boulton’s Adap­tive Grid Systems article.

  • 08.Oct.2009
• View All Tools →

• 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
• View All Books →

• Templates

• • Photoshop 4 Column Grid

  • A free 4 Col­umn Pho­to­shop grid tem­plate for a 1024×768 screen res­o­lu­tion by Ray Gulick.

  • 08.Jun.2009
• • InDesign 568x792 Grid System (12)

  • By Dario Gal­vagno. Adobe InDe­sign file with a grid sys­tem 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 Illus­tra­tor file with a grid sys­tem 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

• • Basic Maths Wordpress Theme

  • Basic Maths is an ele­gant grid-based Word­press theme by Khoi Vinh and Allan Cole that fea­tures color-scheme con­trol and sup­ports microformats.

  • 22.Nov.2009
• • Neutica+

  • Neu­tica+ is a Word­press theme that fea­tures a strict, grid based design mixed with clean typography.

  • 04.Nov.2009
• • Evo4 CMS Wordpress Theme

  • A Word­press theme based on a 4-column grid system.

  • 08.Oct.2009
• View All Blog Posts →

• Inspiration

  • Ace Jet 170
  • AisleOne
  • Athletics
  • BBDK
  • Blanka
  • Build
  • Corporate Risk Watch
  • Counter Print
  • David Airey
  • Design Assembly
  • Dirty Mouse
  • Experimental Jetset
  • Form Fifty Five
  • Grafik Magazine
  • Grain Edit
  • Graphic Hug
  • I Love Typography
  • Lamosca
  • Mark Boulton
  • Minimal Sites
  • Monocle
  • Neubau
  • NewWork
  • OK-RM
  • Original Linkage
  • Robin Uleman
  • SampsonMay
  • Schmid Today
  • September Industry
  • Soulellis
  • Subtraction
  • Swiss Legacy
  • The International Office
  • Thinking for a Living
  • This Studio
  • Toko
  • Typographic Posters
  • Visuelle
  • Xavier Encinas
  • Year of the Sheep