Because of its beautiful nature, mathematics has been a part of art and architectural design for ages. But it has not been exploited much for website design.
Mystery of Golden Ratio Explained
The Egyptians supposedly used it to guide the construction the Pyramids. The architecture of ancient Athens is thought to have been based on it.
The Golden Proportion
The golden section– a precise way of dividing a line, music or anything else-is showed up early in mathematics.
The Golden Ratio in Web Design
You would be surprised to find out that most aesthetically pleasing designs, works of art, objects and even people have math in common. Specifically the Golden Ratio…
Universal Principles of Design
Universal Principles of Design is the first comprehensive, cross-disciplinary encyclopedia of design.
Atrise Golden Section
Atrise Golden Section allows you to design using the golden section proportion visually over your preferred design software.
Adaptive Grid System based on the Golden Section
A two column grid system based on Mark Boulton’s Adaptive Grid Systems article.
From Golden Mean to “Rule of Thirds”
An article by Garr Reynolds that explains the basic technique of the Rule of Thirds and how it relates to the Golden Mean or Golden Section.
The Golden Grid
The Golden Grid is a web grid system. It’s a product of the search for the perfect modern grid system. It’s meant to be a CSS tool for grid based web sites.
Building the Golden Grid
An article explaining the structure and uses of the Golden Grid, a CSS tool for grid based web sites.
Golden Ratio Calculator
Calculate the golden ratio of a set width on the fly with this online and OS X widget based calculator.
Design and the Divine Proportion
A key component in the vehicle of communication is composition, and in design schooling it is taught as something you should feel rather than create logically.
Golden Ratio in Modern CSS
Harmony. A word that sounds so beautiful, like its own meaning. But how is it possible to achieve it in every place of our layout design? “Golden Ratio” is the answer.
The Vignelli Canon
A 96 page PDF book by the master Massimo Vignelli on better understanding typography in graphic design with a nice section of grids.
Feeling Your Way Around Grids
The Golden Section, Golden Ratio, and the grandiose Divine Proportion are all names for the same thing; a ratio of 1.618.
Five Simple Steps to Designing Grid Systems
Five steps that cover the elements which make a successful grid system and how they can be applied to a number of media outputs.
Designing Grid Systems for Flash
This article walks you through the process of creating a grid based on the golden ration for a Flash based site that will work for screen resolutions of 1024x768 and up.
Phiculator
Phiculator is a simple tool which, given any number, will calculate the corresponding number according to the golden ratio.






