Golden Rectangle: The Cut That Keeps Repeating
A golden rectangle has sides in the ratio 1:φ, where φ ≈ 1.618. What makes it remarkable is not the ratio itself — it's what happens when you cut it. Remove a square from one end and the remaining piece is also a golden rectangle. Do it again: still golden. And again. The rectangle self-divides infinitely, each cut revealing the same proportion at a smaller scale.
The Mechanics of the Cut
Take a rectangle with width W and height H, where W > H (landscape orientation). To find the golden cut:
- The square to remove has side = H (the shorter dimension)
- Cut at position H from the left edge
- The remaining rectangle has dimensions (W − H) × H
- That remaining rectangle is golden if and only if (W − H) / H = 1 / φ ≈ 0.618
This last condition is equivalent to W / H = φ. So a rectangle is golden if and only if its side ratio equals φ — which circles back to the definition.
How Close Are Common Rectangles to Golden?
| Rectangle | Width | Height | Ratio | % from φ |
|---|---|---|---|---|
| Golden (exact) | 1618 | 1000 | 1.6180 | 0.00% |
| Full HD monitor (16:9) | 1920 | 1080 | 1.7778 | 9.9% |
| iPhone 15 screen | 2556 | 1179 | 2.168 | 34% |
| A4 paper (landscape) | 297 | 210 | 1.414 | 12.6% |
| Credit card | 85.6 | 53.98 | 1.585 | 2.0% |
| Business card (US) | 3.5" | 2" | 1.750 | 8.2% |
| Playing card | 3.5" | 2.5" | 1.400 | 13.5% |
Credit cards are within 2% of the golden ratio — close enough that many designers consider them golden by design, though the ISO 7810 ID-1 standard predates the intentional application of φ.
The Logarithmic Spiral
Connect the successive cut corners with quarter-circle arcs centered at each new cut point. The result approximates a logarithmic spiral — specifically the golden spiral, where the growth factor per quarter turn is φ.
This spiral is often confused with the "nautilus spiral," but nautilus shells follow a slightly different logarithmic spiral with a growth factor closer to 1.33 per quarter turn. The golden spiral makes for better mythology than biology — the actual shell ratio is more variable than textbooks suggest.
What does hold universally: the logarithmic spiral is the only spiral that maintains its shape at all scales. Zoom in or out and you see the same curve. This scale-invariance is what makes it appear in phyllotaxis (plant growth), galaxy arms, and animal horns — not a preference for φ specifically, but the general logarithmic form.
Using the Cut in Design
The golden rectangle subdivision gives you a principled grid system. The cut position divides the long axis at approximately 61.8% from one end. This near-⅔ point is also close to the "rule of thirds" used in photography (66.7%) — which may be why both guidelines produce similarly pleasing compositions despite different mathematical foundations.
Practical applications:
- Web layouts: a content column 61.8% wide with a sidebar at 38.2% is a golden split
- Typography: set body text at 1em and headlines at 1.618em for a golden type scale
- Focal placement: position the main subject at the golden cut point rather than the center
Making a Non-Golden Rectangle Golden
If your rectangle isn't golden, the calculator tells you two things: how far off it is as a percentage, and what height to use (keeping your width) to make it exact. For a 1920px wide canvas: height = 1920 / φ = 1186px for a golden rectangle.
Frequently Asked Questions
How do I know if my rectangle is actually golden?
Divide the width by the height. If the result is approximately 1.618 (φ), you have a golden rectangle. The calculator will show you the exact ratio and how far off you are as a percentage — credit cards, for example, are only 2.0% away from golden at 1.585.
What's the actual cut position in a golden rectangle?
The cut happens at 61.8% of the long dimension from one end (this is 1/φ). If you're working with a 1618-unit width, you'd cut at position 1000, leaving a remaining rectangle that's also golden.
Why does my monitor or phone screen look close to golden but isn't exact?
Aspect ratios are optimized for video playback and usable screen space, not φ. A 16:9 monitor lands at 1.7778 (9.9% off golden), while iPhone 15 is 2.168 (34% off). These ratios predate intentional golden rectangle application in modern design.
Is the golden spiral the same as the nautilus shell spiral?
No — they're different logarithmic spirals. The golden spiral grows by a factor of φ (≈1.618) per quarter turn, while nautilus shells follow a spiral with a growth factor closer to 1.33. The golden spiral connection to nature is more myth than biology, though logarithmic spirals do appear in galaxy arms and plant growth patterns.
This article is for informational purposes only. See our disclaimer.