What is the golden ratio?
Divide a line into two parts so that the whole is to the longer part as the longer part is to the shorter, and you get the golden ratio: about 1.618, written as the Greek letter phi (φ).
It’s closely related to the Fibonacci sequence (1, 1, 2, 3, 5, 8, 13, 21…), where each number is the sum of the two before it. Divide any number in the sequence by the one before, and the answer gets closer and closer to 1.618.
Why designers care about it
Proportions close to the golden ratio tend to feel balanced without feeling static. A square is stable but can be dull; a very long rectangle feels stretched. Somewhere around 1:1.6 sits a shape most people find comfortable to look at.
That makes it a useful starting point whenever we need to divide space, size elements in relation to each other or create a sense of order.
Where it turns up in design
- Layouts: splitting a page into a main column and a sidebar at roughly 62% and 38%.
- Typography: building a type scale where each size is about 1.6 times the one below, for strong contrast between headings and body text.
- Logos: constructing a mark from circles whose diameters follow Fibonacci numbers, so its curves relate to each other.
- Photography and imagery: placing a focal point along a golden spiral, a cousin of the rule of thirds.
A guide, not a rule
The golden ratio is often credited with more than it deserves. Many famous logos and buildings are said to follow it when the fit is approximate at best, and plenty of great design ignores it entirely.
We treat it as one tool among many. It’s a good way to make a first decision about proportion, and a useful check when something feels slightly off. But the final judgement is always visual: if a layout looks right at a different proportion, the eye wins over the maths.
Trying it yourself
- Take your main content width and divide it by 1.618 to find a complementary sidebar or image width.
- Multiply your body text size by 1.618 to find a heading size with clear contrast.
- Use a golden-ratio grid as an overlay to test the balance of a composition, not as a cage to fit it into.
Proportion is one of the quiet things that makes a brand feel considered. If you’d like a hand with yours, take a look at brand creation or get in touch.