The golden ratio in web-design

The main indicator of the quality of a created design is the ease and naturalness of its perception, as well as the aesthetic and technical parts. Functionally correct and visually pleasing design will show the level of the quality of the work done. The use of classical techniques such as the rule of the golden ratio in the design helps to solve working problems in the most optimal way.

The principle of the golden ratio lies on the proportional division of a segment into two unequal parts, in which a smaller segment refers to a larger one as much as to every segment. The proportion, created according to the principle of the golden ratio, is perceived as natural and harmonious, therefore the design created according to this principle will be easy for the user to understand.


There are several options for applying the golden ratio rule in web-design.

1. The sizes of blocks and the elements on the page.
The proportion (a + b) / a = a / b ≈ 1.62 is used for page zoning, as well as for creating separate blocks if they need to be divided into two equally proportional parts.

If you apply the formula of the golden ratio in website's design:

- Then for a layout of 1024 px, we get parts of 633 px for content and 391 px for the sidebar.
- If you take a width of 1000 px, then the columns will be 618 px and 382 px.
- If the design width of 960 px layout is divided into 593 px and 367 px.

2. Application of Fibonacci numbers.
Fibonacci numbers are considered as the mathematical rationale for the golden ratio. Fibonacci numbers are the elements of a number sequence in which the first two numbers are either 1 and 1, or 0 and 1, and each subsequent number is the sum of two previous numbers. The Fibonacci numbers can be used to create a wide variety of shapes, such as squares, circles, ovals, and others.

3. Golden Spiral
Golden Spiral is constructed by using the Fibonacci series and additionally determines the location of the elements - from the smallest to the largest as the helix turns increase. It can be deployed in any way as it depends on the requirements of the website layout.

The rule of the golden ratio in web-design helps the client to perceive the website since the pages generated by this rule are harmonious and natural.