Divina Proportione (1509)
The founding text that named the proportion and made the golden rectangle a deliberate design object for the Renaissance.
Dynamic Symmetry · φ = 1.6180339887 · gnomon
Phi rectangle overlay
The phi rectangle — the golden rectangle — has sides in the ratio 1:1.618. Remove its largest square and what remains is a smaller phi rectangle; repeat, and you generate the golden spiral. That self-similarity, the gnomon property, makes it the foundation of Jay Hambidge's dynamic symmetry. The overlay frames the rectangle, its gnomon square, and its reciprocal diagonal — and this page is honest about which of Hambidge's historical claims hold up.
- Ratio
- 1 : 1.6180339887
- Defining property
- Gnomon (square)
- Generates
- The golden spiral
- Codified by
- Hambidge (1920)
- Difficulty
- Intermediate
- Also known as
- Golden rectangle
See the phi rectangle on five subject categories
‹›
The gnomon square holds the main mass of the still life; the residual phi rectangle on the right takes the secondary objects, and the reciprocal diagonal threads the two together.
What the overlay shows
The phi rectangle overlay draws the 1:1.618 rectangle and then divides it the way the geometry demands. A vertical line marks the boundary of the gnomon square — the largest square that fits inside the rectangle. To the left of that line is the square; to the right is the residual rectangle, which is itself a smaller phi rectangle rotated to portrait orientation. The overlay also draws the main diagonal and the reciprocal diagonal, whose foot lands exactly on the square boundary.
Those four marks encode the whole idea. The square is where a composition feels anchored; the residual rectangle is where secondary content lives, carrying its own phi rhythm; and the reciprocal diagonal is the line that performs the decomposition and along which the golden spiral unwinds. Unlike a placement grid, the phi rectangle is about the proportion of the frame itself, so it is most powerful when you control the canvas's aspect ratio rather than just where the subject sits inside a fixed frame.
The math, briefly
The golden ratio is the positive solution of a single self-referential equation:
φ = 1 + 1/φ ⟹ φ² = φ + 1 ⟹ φ = (1 + √5)/2 ≈ 1.618
Three properties matter for the rectangle:
- The gnomon decomposition. A phi rectangle 1000 units wide is 618 tall (or 1618 tall in portrait). Remove the largest square and the leftover rectangle is again 1:φ. The construction is infinite — each step yields a square plus a smaller similar rectangle.
- The reciprocal. The conjugate of φ is 1/φ = φ − 1 = 0.618. The reciprocal diagonal divides the long side at exactly this point, which is why its foot coincides with the gnomon-square boundary.
- The spiral. Inscribing a quarter-circle in each successive gnomon square assembles a curve that grows by φ per quarter-turn — the true logarithmic golden spiral, of which the Fibonacci quarter-arc spiral is an approximation.
The live overlay computes the boundary and reciprocal at the exact ratio for any frame.
History — what is real and what is myth
What is verifiable
The mathematics is ancient and certain. Euclid defines the "extreme and mean ratio" in the Elements (Book VI, Definition 3, c. 300 BCE) and gives a construction in Book II — the first formal account of what we now call the golden ratio.1 Luca Pacioli's De Divina Proportione (1509), illustrated by Leonardo da Vinci, named it the "divine proportion" and introduced it to Renaissance designers as an object of beauty.2 The modern compositional system is Jay Hambidge's: Dynamic Symmetry: The Greek Vase (1920) and The Elements of Dynamic Symmetry (1920) made the phi rectangle and the root rectangles the basis of a teaching method built on the diagonal and its reciprocal, taught at art schools in the 1920s.3 Charles Bouleau's The Painter's Secret Geometry (1963) then traced golden-section and root-rectangle armatures through Western painting.4
What is contested
Hambidge argued that Greek vases and the Parthenon were deliberately designed on dynamic-symmetry rectangles, and that this was the lost secret of Greek art. That historical claim is where caution is needed. No surviving Greek text describes such a system, and measurement studies show vase and building proportions can be fitted to several ratios with comparable accuracy — the analysis is sensitive to which points you choose as the edges. George Markowsky's 1992 paper "Misconceptions about the Golden Ratio" dismantled the most-repeated of these claims, including the Parthenon, with careful measurement.5 Mario Livio's The Golden Ratio (2002) reaches the same verdict: the constant is real and genuinely interesting, but the universalist art-history story around it is largely retrofitted.6
The honest summary: the gnomon property is exact and the proportion does recur in deliberate design (Pacioli's Renaissance, Le Corbusier's Modulor, Hambidge's own students). The claim that it is a hidden universal law of Greek and natural beauty is folklore. Use the phi rectangle because the proportion is genuinely resolved and useful — not because it was handed down from the Parthenon.
When to use it (and when not)
| If you want to... | Use the phi rectangle | Don't use it for... | Difficulty |
|---|---|---|---|
| Proportion a canvas or print you control | 1:1.618 reads as classically resolved; plan the crop before shooting | Fixed-aspect deliverables (16:9 video, 4:5 social) — proportion is locked | Intermediate |
| Anchor a hero subject plus secondary content | Square for the anchor, residual rectangle for the rest — the gnomon split | Single centred icon with no secondary content (use centre-cross) | Intermediate |
| Build a composition around the golden spiral | The reciprocal diagonal is the spine the spiral unwinds along | Static, gridded layouts (use a column grid) | Advanced |
| Work in the dynamic-symmetry tradition | The diagonal-and-reciprocal pair is Hambidge's core tool | Quick everyday composition (use the golden ratio placement grid) | Advanced |
| Design a classically proportioned logo or mark | The gnomon decomposition gives a reusable construction skeleton | Marks that must scan at favicon size (φ detail is lost) | Advanced |
Famous examples and constructions
Six works and uses where the golden rectangle is deliberate rather than retrofitted.
Hambidge's vase analyses (1920)
Whether or not the Greeks intended it, Hambidge's overlays taught a generation of artists to compose with the gnomon and reciprocal.
The golden spiral
Quarter-circles in each successive square assemble the true logarithmic spiral that grows by φ per quarter-turn.
Le Corbusier's Modulor (1948)
An explicitly φ-derived scale, used at the Unité d'Habitation — a documented, intentional use of the proportion.
Fine-art print crop
Cropping to 1:1.618 for an 8×13 print: the main subject sits in the gnomon square, breathing space in the residual.
Logo construction skeleton
The gnomon decomposition gives a reusable framework for a classically proportioned wordmark or symbol.
Common mistakes
1
Confusing the rectangle with the placement grid
The phi rectangle is the canvas proportion; the golden ratio overlay is a grid of lines on a canvas of any shape. They only coincide when the canvas is itself 1:φ.
Fix: use the phi rectangle when you control the aspect ratio; use the golden ratio overlay to place a subject inside a fixed frame.
2
Cropping to phi without planning
Trimming a 3:2 or 4:3 capture to 1:1.618 after the fact sacrifices part of one dimension and can cut into the subject.
Fix: decide on a phi output before shooting and leave headroom, so the crop is a choice rather than a rescue.
3
Treating Hambidge as proof
Believing the Parthenon and Greek vases were provably built on phi leads to overclaiming and to applying the rectangle where it adds nothing.
Fix: trust the gnomon geometry, not the historical legend. Use the proportion because it resolves well, and judge by eye.
How different disciplines use it
For painters
Dynamic-symmetry painters size the canvas to a phi rectangle and compose with the diagonal and reciprocal from the outset, the method Hambidge taught and Bouleau traced through the Old Masters. The gnomon square anchors the principal mass; the residual rectangle and reciprocal organise the secondary movement. It is a planning system for the whole surface, not a late-stage placement tweak.
For photographers
The phi rectangle earns its place when the output aspect ratio is yours to choose — fine-art prints, portfolio pieces, book covers. Photographers crop to 1:1.618, put the subject in the gnomon square, and let the residual carry negative space. For in-frame placement on a fixed sensor ratio, the golden ratio overlay is the lighter tool.
For designers
The gnomon decomposition is a ready-made construction skeleton for logos and editorial layout: a square module plus a residual rectangle, repeatable at any scale. Designers use it to give a mark classical proportions and to derive type and spacing relationships at φ. As with any proportion system, it serves the design rather than dictating it.
For architects
The golden rectangle is the headline case of proportional design, formalised for the twentieth century by Le Corbusier's Modulor. Architects use phi relationships in elevation and façade studies, and the reciprocal-diagonal construction underlies many layout methods. The root rectangles sit alongside it in the same dynamic-symmetry toolkit.
"The Greek artists possessed in dynamic symmetry a most powerful instrument… the rectangle of the whirling squares is the supreme example, for it alone produces the spiral of growth."
Jay Hambidge, The Elements of Dynamic Symmetry (1920)3
Frequently asked questions
What is a phi rectangle?
A rectangle with sides in the ratio 1:φ where φ ≈ 1.618 — also called the golden rectangle. Its defining feature is the gnomon property: remove the largest square and the leftover is itself a smaller phi rectangle. Repeating generates nested similar rectangles and the golden spiral.
What is the gnomon property?
The gnomon is the part you add or remove to leave a figure of the same proportions. For the phi rectangle the gnomon is a square: removing the largest square leaves a smaller phi rectangle, and adding a square produces a larger one. This self-similarity under squaring is unique to the golden rectangle.
How is the phi rectangle different from the golden ratio overlay?
The phi rectangle is the canvas itself, proportioned 1:1.618, for rigorous dynamic-symmetry work. The golden ratio overlay is a placement grid (lines at 38.2% and 61.8%) on a canvas of any aspect. They coincide only when the canvas is itself a phi rectangle.
Did the Greeks really build the Parthenon on the golden rectangle?
Probably not. No surviving Greek source describes a golden-ratio design intent, and measurements fit several ratios. Mark Barr named φ after Phidias honorifically. Markowsky's 1992 analysis found the popular claims unsupported.
What is the reciprocal diagonal in a phi rectangle?
A line perpendicular to the rectangle's main diagonal from an opposite corner. Its foot marks the gnomon-square boundary, so the reciprocal performs the decomposition. In Hambidge's dynamic symmetry the diagonal-and-reciprocal pair is the basic subdivision tool.
When should I crop a photo to a phi rectangle?
When you control the output aspect — fine-art prints, book covers, commissioned canvases — and want a classically resolved proportion (about 8×13 or 16×26 inches). Plan the crop while shooting, since trimming a 3:2 or 4:3 frame sacrifices part of one dimension.
Is the phi rectangle the same as a root rectangle?
No. The phi rectangle is 1:1.618; the root rectangles are 1:√2, 1:√3, and so on. A root-2 rectangle halves into two smaller root-2 rectangles, while the phi rectangle decomposes into a square plus a smaller phi rectangle.
How do you construct a golden rectangle?
Start from a square. Mark the midpoint of one side, then set a compass from that midpoint to a far corner of the square and swing an arc down to extend the base. The new, longer base together with the square's height gives a rectangle in the ratio 1:1.618 — a golden rectangle. The same arc length is φ/2 from the midpoint, which is why the construction lands on the exact phi proportion. In this tool the overlay computes that boundary for you at any frame size.
Golden rectangle vs rule of thirds — which is better?
Neither is better; they answer different questions. The rule of thirds is a fast placement grid that divides any frame into nine equal cells, good for everyday composition and fixed aspect ratios. The golden rectangle is a frame proportion (1:1.618) for work where you control the canvas, and it carries the gnomon square, reciprocal diagonal and golden spiral for more rigorous dynamic-symmetry construction. Use thirds to place a subject quickly; reach for the golden rectangle when the proportion of the canvas itself is part of the design.
How accurate is the phi rectangle overlay in this tool?
The rectangle, gnomon boundary, and reciprocal diagonal are computed at exactly 1:1.618034 for any frame, and the spiral is the true logarithmic spiral, not the quarter-arc approximation. The overlay is client-side only — your image never leaves the device.
References
- Euclid. Elements. Book VI, Definition 3, and Book II, Proposition 11 (c. 300 BCE). Translation: Heath, T.L. (1908). Cambridge University Press.
- Pacioli, L. De Divina Proportione. Venice (1509). Illustrations by Leonardo da Vinci.
- Hambidge, J. The Elements of Dynamic Symmetry. Yale University Press (1920). Dover reprint (1967), ISBN 0-486-21776-0.
- Bouleau, C. The Painter's Secret Geometry: A Study of Composition in Art. Harcourt, Brace & World (1963). Dover reprint (2014), ISBN 978-0-486-78040-7.
- Markowsky, G. "Misconceptions about the Golden Ratio." The College Mathematics Journal 23(1), 2–19 (1992). DOI: 10.2307/2686193.
- Livio, M. The Golden Ratio: The Story of Phi, the World's Most Astonishing Number. Broadway Books (2002). ISBN 0-7679-0816-3.
- Le Corbusier. The Modulor: A Harmonious Measure to the Human Scale, Universally Applicable to Architecture and Mechanics. Faber & Faber (1954; Birkhäuser reprint 2000). ISBN 978-3-7643-6188-0.
- Elam, K. Geometry of Design: Studies in Proportion and Composition. Princeton Architectural Press (2001). ISBN 978-1-56898-249-6.
Other Dynamic Symmetry overlays
Notes from the studio · Three practitioners on the phi rectangle
Illustrative composites of how the tool gets used in practice — not quotes from named individuals.
I size the canvas to phi before I draw a line. The gnomon square decides where the head goes; the reciprocal does the rest.
For a logo, the gnomon decomposition is a skeleton I can scale. Square plus residual, all the way down.
Free and browser-only is the right shape for this kind of tool. Lower friction means I actually use it, not save it for special occasions.
Open the phi rectangle overlay
Drop a reference image. The phi rectangle overlay applies in one click. Free, in your browser.
Launch Grid Maker Pro →