January 30th, 2010

Grid System

By Duane King

60 pixel columns, 20 pixel gutters

60 pixel columns, 20 pixel gutters

60 pixel columns, 20 pixel gutters

60 pixel columns, 20 pixel gutters

60 pixel columns, 20 pixel gutters

60 pixel columns, 20 pixel gutters

This site is designed around a twelve column grid system and is set in Georgia, both regular and italic faces, at 14, 21 and 48 points on a background of #F8E7E1. Grid columns are 60 pixels wide with 20 pixel gutters and a corresponding baseline grid spaced at 20 pixels.