What Is the Golden Ratio (and How to Use It)?
The golden ratio is a proportion, roughly 1.618, that has fascinated mathematicians and artists for centuries. Here is what it means, where the claims are solid, and how to use it to build balanced sizes.
The definition
Two lengths are in the golden ratio when the larger divided by the smaller equals their sum divided by the larger. That special number is written with the Greek letter phi and is about 1.6180339887. It is irrational, so its decimals never repeat or end.
Where the symbol comes from
Euclid described the ratio, which he called the "extreme and mean ratio", around 300 BC. The symbol phi was introduced in the early 20th century by Mark Barr, who named it after the sculptor Phidias — though Barr himself later doubted Phidias actually used it, a good reminder that some golden-ratio claims are more legend than fact.
How designers use it
A practical use is building a scale of sizes, each about 1.618 times the last, so the jumps feel balanced. Designers apply it to heading and body text sizes, image crops, and splitting a layout into a wider content area and a narrower sidebar.
Treat it as a helpful starting point, not a guarantee of beauty — plenty of excellent design uses simpler ratios like 3:2 or 4:3.
Apply it to a size
Enter any measurement into the Golden Ratio Calculator to get its golden partners: multiply by 1.618 for the next size up, or divide by 1.618 for the next size down. To turn the resulting pixel sizes into scalable CSS units, the PX to REM Converter helps.
Related tools
Last updated: July 6, 2026