May 2009

Andrew Stewart Photography

Beau­ti­ful, sim­ple, grid based site design for pho­tog­ra­pher Andrew Stewart.

CSS with Vertical Rhythm

This tool will help you com­pute CSS that has a con­sis­tent vertical rhythm.

Baseline Rhythm Deciphered

When this occurs, your page is said to have ver­ti­cal rhythm  —  the text is eas­ier to read than text that doesn’t line up, as it feels more cohe­sive and less disjointed.

5 Column Grid Typeface

A type­face designed on a 5 col­umn grid as a frame­work for build­ing a mod­u­lar font family.

Grid System Generator

The grid sys­tem gen­er­a­tor will cre­ate fixed grid sys­tems in valid css/xhtml for rapid pro­to­typ­ing, devel­op­ment and production.

Quiet Structure

Quiet struc­ture is achieved when you de  –  empha­size the struc­tural ele­ments and bring a rhyth­mi­cal con­sis­tency to the layout.

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.