The Golden Ratio
The golden ratio, or 1.618, is a ratio found throughout nature, art, architecture, sound and even intervals of time!
The most common way to use the golden ratio is with layout. Using the golden ratio we can divide the width of our website to create a "golden layout" of two columns.
For example, take a typical 960 pixel width layout and divide 960 by 1.618. You’ll get approximately 594, which is the width of your primary content column. Then, to get the width of your secondary content column, subtract 594 from 960 and you get 366. The result, a two column layout with widths of the golden ratio.
If your page has a fixed height, you can also apply the golden ratio. For example, if the height is 760 pixels, divide that by 1.618, and you get approximately 470 pixels, which is the height of your primary content area. Subtract 470 from 760 and you get 290 pixels, which is the height of your secondary content area.