Online Tool Store
Golden Ratio Calculator
Solve long, short, and combined golden-ratio dimensions, preview a 61.8/38.2 layout split, and explore a phi-based typography scale.
🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.
Golden proportion
Solve layout dimensions
φ phi
1.6180339887
Relationship
long ÷ shortφ
total ÷ longφ
φ(1 + √5) ÷ 2
Calculated dimensions
1200 ÷ φ = 741.64
Long side
1,200 px
Short side
741.64 px
Combined
1,941.64 px
Golden rectangle
1 : φLayout split
61.8% / 38.2%Typography scale
Set a base size and multiply or divide by φ.
How it works
- Choose whether you know the long side, short side, or combined length.
- Enter the measurement, unit, and preferred rounding precision.
- Copy the dimensions or apply the visual split and type-scale suggestions.
FAQ
What is the golden ratio?
The golden ratio, written φ (phi), is (1 + √5) ÷ 2, approximately 1.6180339887. Two lengths are in golden proportion when the longer divided by the shorter equals φ.
How do I split a page width?
Choose Total length and enter the available width. The calculated long and short portions create an approximately 61.8% / 38.2% layout split.
Can I use units other than pixels?
Yes. The ratio is unitless, so the same calculation works for rem, centimeters, millimeters, inches, points, or an unlabeled number.
Does a design have to use the golden ratio?
No. It is one proportioning option, not a universal rule for good design. Content, grid constraints, accessibility, and visual judgment should still guide the final layout.
Common design applications
Page columns
Divide a content area into a larger main column and smaller supporting rail.
Image crops
Explore a 1.618:1 canvas when a standard media aspect ratio is not required.
Type hierarchy
Generate strongly contrasted neighboring sizes from one base measurement.