top of page
Golden Rule
What is it?


φ = 1.618
-
Golden Ratio is theorized by ancient mathematicians.


Appearance of Golden Ratio
-
Golden Ratio is the key to a beautiful aesthetic.

-
Here are some examples of Golden ration found in the different field.

Nature

Beauty

Mobile Design



Art



Life





Logo Desing
Golden Rule in Web Design
Step 1: Set the Layout dimension with the golden ratio.


Step 2: Spacing layout with the golden ratio.


Step 3: Set the Content in golden spiral order.

Bigger square should have more content.



The size of each letter is reducing as closer to the spiral.


bottom of page