2 64 Grid System

64 Grid System is an effort to streamline web (illustration) development workflow by providing commonly used dimensions, based on a width of 64 pixels. There are variants: 32 and 64 columns, which can be used separately or in tandem.

Additionally, all numbers in the 64GS are whole numbers based on the golden ratio – there are no decimal points or funky spacing issues. By reading the article on Mathematics and Web Design, it can be know how important getting these numbers right is.


The 64-column grid is divided into portions that are 2, 4, 8, 16, 32 pixels wide. The 64-column grid consists of 64 pixel increments like 128, 256, 512, 1024 (as reference columns).

In order to make easy the creation process, we use proportions of the unit as 2/1 (200%); 3/2 (150%); 1/1 (100%); 1/2 (50%); 1/3 33%); 1/4 (25%); and others as the main sizes for the illustrations.


The premise of the system is ideally suited to rapid illustration, but it would work equally well when integrated into a current illustration.



Related information:


64 Grid System Copyright © by webadmin. All Rights Reserved.

Share This Book