Skip to content
NORMA
Open Construct

PROPORTION · GOLDEN RATIO

The golden ratio
in graphic design.

The golden ratio is φ = (1 + √5) / 2 ≈ 1.6180339887. In design, it can relate lengths, divisions and areas inside a composition.

Its self-similar relationship lets a designer echo one harmonious proportion from the whole composition down to its smallest intervals.

One relationship, repeated as visual rhythm.

61.8%φ · golden section
Move the divisionThe relationship stays measurable
Formula
φ = (1 + √5) / 2
Self-similarity
Whole : major = major : minor
Harmony
One proportion can connect whole and part

01 · DEFINITION

A relationship
that repeats.

Divide a line into a larger part a and a smaller part b. The division is golden when (a + b) / a = a / b = φ. A golden rectangle keeps the same proportion after a square is removed from it.

Drawing geometry…
Golden ratio armatureCanonical geometry generated by Norma

02 · DESIGN USE

Where φ can
be useful.

Major and minor fields
Relate a dominant image or color region to a smaller supporting region.
Nested regions
Repeat the relationship at another level of the composition.
Margins
Use a ratio to compare content area and surrounding space.
Scale system
Build a controlled typographic or spacing progression from a ratio, then adjust optically.

03 · LIVING RHYTHM

A proportion that
carries harmony.

Matila Ghyka described the golden section as a “principal invariant” connecting patterns of living growth with artistic proportion. In graphic design, that recurring relationship can unite frame, fields, margins and type scales so that every part answers the whole.

Harmony through recurrence.

A golden spiral makes the recursion visible, while a simple golden division can carry the same proportional rhythm without drawing the curve.

04 · PROOF

The construction
can disappear.

Loading the Construct document…
GOLDEN · COMPOSITIONProportion remains after the overlay is hidden

This example uses golden relationships to organize large and small fields. Judge the artwork first. Reveal the armature only when you want to inspect why those fields relate.

05 · TOOLS

Calculate. Compare.
Then decide.

The Golden Ratio Calculator converts one known dimension into related values. The Ratio Visualizer lets you compare φ with thirds, roots and other proportions, then carry the chosen relationship consistently through the composition.

06 · QUESTIONS

Common golden-ratio questions.

What is the golden ratio?

It is φ = (1 + √5) / 2, approximately 1.6180339887.

How can the golden ratio support beauty?

It gives a skilled designer a coherent proportional rhythm that can unify scale, spacing and visual movement.

Is the golden spiral the same thing?

No. A golden spiral is a logarithmic spiral associated with recursive golden-rectangle divisions. The ratio itself is numerical.

How can designers use it?

As a relationship between major and minor fields, margins, nested regions or typographic scales—when it suits the content.

When should I use the golden ratio?

Use it when a recurring major-to-minor relationship strengthens the hierarchy and gives the composition a harmonious pulse.

07 · SOURCES

Mathematics and
the geometry of life.

Sources and further reading

Measure the rhythm.
Compose the harmony.

Open a real golden-ratio structure and let the same living proportion connect the whole composition to its smallest parts.

Use the golden ratio in Construct