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.
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.
Making Grids in Illustrator 2
The second part to Sigurdur Armannsson excellent article on creating grid systems in Adobe Illustrator. This article is based around the grid system developed by Marcus Gärde.
Making Grids in Illustrator
A detailed article by Sigurdur Armannsson on how to create a grid system in Adobe Illustrator.
O rule + Golden Proportion for Calculating the Gutter in a Grid
There is practically no (or very little) documentation about this problem on the web or in many typography or grid design books.
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.
Canons of Page Construction
The canons of page construction are a set of principles in the field of book design used to describe the ways that page proportions, margins and type areas of books are constructed.
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.
Grids In The Real World
It’s one thing to write about how useful and important grids are for a design, it’s another thing to utilize them in a real world project.
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.
Geometry of Design
The book focuses on the classic systems of proportioning, such as the golden section and root rectangles, as well as systems such as the Fibonacci Series.
Applying Divine Proportion to Your Web Designs
This article explains what is the Divine proportion (Golden Ratio) and what is the Rule of Thirds and describes how you can apply both of them effectively to your designs.
Phiculator
Phiculator is a simple tool which, given any number, will calculate the corresponding number according to the golden ratio.

















