Golden Ratio Studio
What is pleasing to the eye? How do we define beauty and grace? Surprisingly, the root of the answer is often believed to be something visually universal: Fibonacci, patterning, and the golden ratio seem to fulfill a human desire for order, and, as with many of the topics on our site, a potential answer lies at the intersection of art, math, and science.
As with many aspects of our natural world, what things look like often follows mathematical rules, and that inborn order dictates form. One such measure is the golden ratio, beautiful, ordered, and logical.
The Golden Ratio studio tool on this page lets you select an image and cut out shapes that follow the golden ratio. You can maneuver them on screen and then export them for further creative work.
History of the Golden Ratio
The first reference to what we now call the golden ratio dates back to ancient Greece. Euclid, in his seminal work, Elements, describes dividing lines in terms of the extreme and means ratios. His ideas persisted to the Renaissance, where prominent mathematicians, scientists, and artists took his concepts further: Pacioli called it divine, Da Vinci used it to illustrate Pacioli’s De divina proportione, and Kepler named it one of geometry’s two great treasures. In 1835, mathematician Martin Ohm was the first to call this arrangement the goldener Schnitt, or golden section.
The golden ratio is seen throughout nature, not in the nautilus, as is commonly believed, but instead in patterns of plant growth. For example, the spiral arrangement of seeds in a sunflower head follows a strict order: the circle of its face is filled with spiraling seeds, each spaced 137.5 degrees from the last seed row. We see it also in the growth patterns of pinecones, plants, and fruit. Why do they follow such precise rules? Interestingly, the arrangement is the most efficient way to pack the most into the least space.
Mathematical Definition
What is the golden ratio mathematically? It is used to compare two measures and their ratio. The best way to visualize this is to look at a line divided into two parts, or segments. Call the longer segment a, and the shorter segment b. The length of the whole line is a plus b. We have then all we need. Lengths a and b fall into this proportion: length a divided by b is the same as the total length (a plus b) divided by a. This ratio is equal to the irrational number roughly 1.618. The resultant series of numbers nest within each other endlessly, smaller and smaller and larger and larger, without varying their relationship to one another.
How to use the Golden Ratio Studio
Our tool is a golden-ratio shape cutter. You cut golden-ratio-proportioned shapes from an image and arrange the pieces. It works best on a laptop or desktop, where it has two working panes side by side. On a phone, it stays hidden with a “load it anyway” link. Use the Fullscreen button (top-right of the tool) if you want more room.
Getting started
- Start from one of the three built-in sheets, Earth Flow, Starry Night, or Verdigris Green, or upload your own image. It works best with an image that has clear regions of color and texture.
- To paste an image with Ctrl/⌘ + V, click inside the tool first, so it has a section to add to.
- On the sheet, the cutter outline follows your cursor. Click to cut a piece onto the composition, or drag from the sheet onto the composition to place it where you release. Scroll to zoom the sheet; hold Space and drag to pan it. Load several sheets and cut across them; tabs appear below the sheet.
Shapes & size
- Eleven shapes, each following a golden property, oval and rectangle at φ, the pentagram’s points at φ², the golden triangle and gnomon, and a logarithmic or Fibonacci-arc spiral ribbon.
- Sizes snap to a φ ladder or a Fibonacci ladder: pick a base size and step through the rungs.
- Rotate and flip from the Cut panel; they apply to the current selection.
Composing
- Click to select, shift-click to add, drag an empty area to marquee-select. Drag pieces to move them; arrow keys nudge (hold Shift for ×10).
- Duplicate with ⌘/Ctrl + D, or duplicate one rung up with ⌘/Ctrl + Shift + D for φ-scaled copies — the fastest route to something that reads as intentional.
- Reorder with [ / ] (add ⌘/Ctrl for front/back), lock pieces, and undo/redo with ⌘/Ctrl + Z and ⌘/Ctrl + Shift + Z.
Snapping
Drag pieces onto the golden spiral, the golden ratio grid, or the golden-angle phyllotaxis fan, and they snap to the guide’s junctions and corners. Overlays are guides only and never appear in your export. Rotation can snap to 15° or the 137.5° golden angle — hold Alt/⌥ while rotating for a free angle.
Edges
Torn perturbs the edge with domain-warped noise, so every piece tears differently. Backing shows the reverse side of the paper at the edge. A hairline shadow lifts pieces off one another. Edit the current selection, or set a look as the default for new pieces.
Presets
Four starting layouts — Nautilus, Phyllotaxis, Subdivision, and Cascade — place pieces cut from the active sheet along a golden construction, ready to drag apart. On a photograph, pick a locality point on the sheet and lower the radius first, so the pieces come from one area instead of scattering across the whole image.
Exporting your work
- PNG at 150–600 DPI (300 is a good default), rendered at full resolution. A transparent ground exports with transparency.
- SVG keeps every piece individually selectable and editable in a vector app like Affinity Designer.
- JSON saves your whole composition so you can reload it later. Use “Save JSON · no sheets” for a small file, then reload the images when you reopen it.