Khoi Vinh writes about estab­lish­ing a ratio­nal and sus­tain­able lay­out grid for his Sub­trac­tion site. He explains how he shoe­horns pre­vi­ous arti­cles into the new framework.

An arti­cle demon­strat­ing how the grid that was built for The Onion func­tions in practice.

What do houses and well designed pages have in com­mon? They are both built on a frame­work  —  a care­fully mea­sured, solid struc­ture that forms a foun­da­tion on which to build.

Grid design is a fun­da­men­tal skill of any designer. Under­stand­ing pro­por­tional rela­tion­ships, white space and com­po­si­tion are all vital in con­struct­ing a grid for any delivery platform.

On the Web, ver­ti­cal rhythm is con­tributed to by three fac­tors: font size, line height and mar­gin or padding. All of these fac­tors must cal­cu­lated with care in order that the rhythm is maintained.

This arti­cle explains what is the Divine pro­por­tion (Golden Ratio) and what is the Rule of Thirds and describes how you can apply both of them effec­tively to your designs.