Free tool · Golden ratio overlay
Golden ratio overlay tool — phi grid, Fibonacci spiral, golden triangle
Drop a photograph or painting reference and overlay the phi grid (38.2/61.8), Fibonacci spiral, golden triangle, or root-phi rectangle. The geometry of φ = 1.618 in one toggle. Free, browser-only, no signup, image stays on your device. Used by painters, photographers, and designers when the subject is naturally pulled toward center and thirds doesn't feel right.
- Phi value
- 1.6180339887…
- Grid placement
- 38.2 / 61.8
- Overlays
- Grid · Spiral · Triangle · Root-φ
- Stack with thirds
- Yes
- Free forever
- Always
- Export DPI
- Up to 600
How to use the golden ratio overlay tool
Drop image or start blank
Drag any reference photo, painting reproduction, or layout sketch. Or start with a blank canvas at your preferred aspect ratio (the tool supports 1:1 through 3:1 ratios; the golden rectangle is 1:1.618).
Pick phi grid or spiral
Phi grid for static composition — vertical and horizontal lines at 38.2% and 61.8%. Golden spiral for compositions with implied motion or a clear visual entry point. Stack both if useful; the spiral's foci sit on phi-grid intersections.
Compare against thirds
Most subjects sit better on rule-of-thirds than on phi. Stack the thirds overlay alongside phi and pick whichever your subject sits closer to. Phi wins when the subject is centered; thirds wins when the subject is biased to one edge.
Examples — verified golden-ratio compositions in art
Vermeer's interior compositions
Recent scholarship (Steadman, 2001) provides credible evidence Vermeer used a camera obscura to compose; the geometric breakdowns of The Music Lesson and The Lacemaker show subjects placed on phi-grid intersections more often than on thirds.1
Steadman, Philip. Vermeer's Camera. Oxford UP (2001). ISBN 978-0-19-280302-3.Pacioli + Da Vinci collaboration
Luca Pacioli's De Divina Proportione (1509) is the documented source of the golden ratio entering Renaissance design discourse, with Da Vinci providing the geometric illustrations.2
Pacioli, Luca. De Divina Proportione. Venice (1509). Modern facsimile: Akal (1991).Le Corbusier Modulor
Le Corbusier's Modulor system (1948–1955) is a building-proportion system explicitly constructed from φ. Notre-Dame du Haut and the Unité d'Habitation use Modulor measurements throughout.3
Le Corbusier. The Modulor. Faber & Faber (1954). ISBN 0-571-04711-6.Cartier-Bresson — corner-to-corner geometry
HCB's notes describe "geometry" in his decisive-moment photographs. Geometric analyses show his frames often have the principal subject at φ × diagonal length from corner.4
Cartier-Bresson, Henri. The Mind's Eye. Aperture (1999). ISBN 0-89381-879-4.What is NOT golden ratio
The Parthenon's elevation, the Mona Lisa's face, and the nautilus shell are not golden-ratio constructions despite popular claims. Markowsky (1992) systematically debunks each.5
Markowsky, George. "Misconceptions about the Golden Ratio." College Mathematics Journal, 23(1), 1992. DOI: 10.2307/2686193.Brand identity — Twitter, Pepsi
The pre-2023 Twitter bird logo (2012 refresh) and the 2008 Pepsi globe were both constructed on circle radii in φ ratios — documented in the design firms' case studies.
Bowman, Doug. "Twitter logo construction." Internal memo, 2012; reproduced in Brand New (Underconsideration), Aug 2012.Golden ratio overlay vs. alternatives
| Feature | Grid Maker Pro | PhiMatrix | Photoshop overlay | Lightroom |
|---|---|---|---|---|
| Free | Yes | $49 | Subscription | Subscription |
| Phi grid | Yes | Yes | Yes | Yes |
| Fibonacci spiral | Yes | Yes | Limited | Yes |
| Golden triangle | Yes | Yes | No | No |
| Root-φ rectangle | Yes | Yes | No | No |
| Stack thirds + phi | Yes | Limited | No | No |
| Browser-only | Yes | App | App | App |
Who this is for
Portrait painters
For pre-painting composition checks when the sitter's gaze pulls toward center frame. Phi grid is tighter to center than thirds.
Photographers
For post-shoot crop decisions, particularly portraits and architecture. Stack with thirds and pick.
Brand + logo designers
For logomark proportion checks. The root-φ rectangle and golden-spiral construction match the Twitter, Pepsi, and Apple logo case studies.
Educators
For art-history teaching and composition theory courses. Share a deep-link that opens the tool with the golden-ratio overlay pre-loaded; cite the references list for primary sources.
Why your reference stays on your device
The golden ratio overlay tool reads your image via the browser File API and renders it on a canvas. The phi grid, spiral, and triangle are mathematical constructions drawn in SVG over the canvas. Nothing uploads. When you export, the PNG/JPG/PDF is generated client-side. There is no backend in the loop and no signup to capture your work.
Common mistakes — and the fix
Treating phi as a moral upgrade over thirds
Most subjects sit better on thirds. Phi wins for centered or symmetric subjects only. Forcing phi onto a thirds-oriented shot weakens the composition.
Fix: stack both, pick the closer intersection.Believing the Parthenon / Mona Lisa myths
Markowsky (1992) and Livio (2002) thoroughly debunk the most-cited "golden ratio in nature" claims. Use phi where it's actually documented, not where it's been retrofitted.
Fix: cite Pacioli + Le Corbusier; don't cite Parthenon.Confusing rule of thirds with phi grid
Thirds is at 33/67 percent. Phi grid is at 38.2/61.8 percent. They look similar but they're not the same grid.
Fix: read the percentages on the overlay; toggle each individually.Forcing the spiral's tail onto subject
The spiral has implied motion — it enters at the wide arc and ends at the tight center. Reversing this (subject in the tight center) feels wrong without you knowing why.
Fix: place primary subject near the spiral's center, not at the entry arc.Without mathematics there is no art.— Luca Pacioli, De Divina Proportione, dedication letter (1509).2
Pricing — free forever
The golden ratio overlay tool is free with no signup. No paid tier on the core tool. See our mission statement.
Frequently asked questions
Is phi grid the same as rule of thirds?
No. Rule of thirds divides at 33/67 percent. Phi grid divides at 38.2/61.8 percent — tighter to center.
Does the golden ratio actually appear in art history?
Verifiably, yes — Pacioli's Divina Proportione (1509) with Da Vinci's diagrams documents it. Many later claims (Parthenon, Mona Lisa's face) are unverified or myth.
How do I apply a golden ratio overlay on a photo?
Open the tool, drop your photo, and toggle the golden ratio overlay. The phi grid, Fibonacci spiral, and golden triangle render over the image so you can line your subject up to the 38.2/61.8 intersection points, then crop or export. It is free with no signup and the photo stays in your browser.
Golden ratio vs rule of thirds — which is better for composition?
Neither is strictly better. Rule of thirds places the subject at 33/67 percent; the golden ratio phi grid places it at 38.2/61.8 percent, tighter to center. Stack both overlays on the same image and choose whichever intersection your subject already sits closer to.
What's the difference between phi grid and golden spiral?
Phi grid is a static composition framework (vertical + horizontal lines at 38.2 and 61.8 percent). Golden spiral is a curve following a Fibonacci-rectangle construction.
Can I rotate the spiral?
Yes — the spiral has eight orientations (four corners, two directions). Toggle through the rotation menu.
What is root-phi rectangle?
A rectangle with width-to-height ratio of √φ : 1 (about 1.272 : 1) — used in dynamic-symmetry composition; smaller than the golden rectangle (1.618 : 1).
Is the Fibonacci sequence the same as the golden ratio?
Successive ratios of Fibonacci numbers (8:5, 13:8, 21:13…) converge on φ. The Fibonacci spiral is a discrete approximation of the true golden spiral, which is a continuous logarithmic curve.
Does the camera obscura theory of Vermeer support golden ratio?
Steadman's (2001) analysis maps Vermeer's compositions onto room geometry; the resulting compositions do align with phi-grid intersections more often than thirds. The mechanism (camera obscura) is independent of whether he intended phi.
Can I export with the overlay rendered into the image?
Yes — toggle "burn overlay into export" in the Export dialog. Default is overlay-as-layer so it stays editable.
How does this compare to PhiMatrix?
PhiMatrix is a long-running paid app ($49) with deep phi-only features. Grid Maker Pro is free, includes phi + 81 other overlays, and is browser-only.
Why isn't the nautilus shell a golden spiral?
Nautilus shells follow a logarithmic spiral, but with a growth ratio of about 1.33, not 1.618. The visual similarity to a golden spiral is what got the myth started; the math doesn't support it.
Related tools, pillars, and references
References
- Steadman, Philip. Vermeer's Camera: Uncovering the Truth Behind the Masterpieces. Oxford University Press (2001). ISBN 978-0-19-280302-3.
- Pacioli, Luca. De Divina Proportione. Venice: Paganino Paganini, 1509. Modern facsimile: Akal Ediciones (1991). ISBN 978-84-7600-787-4.
- Le Corbusier (Charles-Édouard Jeanneret). The Modulor. Faber & Faber (1954) / MIT Press (2000). ISBN 0-571-04711-6.
- Cartier-Bresson, Henri. The Mind's Eye: Writings on Photography and Photographers. Aperture (1999). ISBN 0-89381-879-4.
- Markowsky, George. "Misconceptions about the Golden Ratio." The College Mathematics Journal, vol. 23, no. 1, 1992, pp. 2–19. DOI: 10.2307/2686193.
- Livio, Mario. The Golden Ratio: The Story of Phi, the World's Most Astonishing Number. Broadway Books (2002). ISBN 0-7679-0815-5.
- Huntley, H. E. The Divine Proportion: A Study in Mathematical Beauty. Dover (1970). ISBN 0-486-22254-3.
Launch the golden ratio overlay tool
Free, browser-only, no signup. Phi grid · Fibonacci spiral · golden triangle · root-φ rectangle — stack with thirds and compare.
Launch Grid Maker Pro →