Grid system

Width

No. of columns

Margin (left)

Margin (right)

 
 

Custom Simple Grid system generator

The grid system generator will create variable fixed simple grid systems in valid css / xhtml for rapid prototyping, development and production environments.

In addition to the custom golden grid css framework, it creates a background file (sample) that you can use in Fireworks, Illustrator, OmniGraffle, Photoshop, Visio (etc.) to aid in prototyping and design.

Getting started

  1. Fill in your desired golden grid dimensions and get started!

Hints for successful grid system generation:

  • Grid width (Numeric value: 100 - 4000)
  • No. of columns (Numeric value: 1 - 100)

Simple grid system generator

Version 1.00 - change history

Generated grid systems are based on the Simple grid system by Jacek Ciolek.

Simple grid quick statistics

Total grid systems generated: 30029

Unique grid systems generated: 1913

Simple grid tutorials

 

Fill in your grid dimensions to get started!