What is a golden ratio rectangle?
A golden ratio rectangle is a rectangle where the ratio of the long side to the short side is the golden ratio, usually shown as φ (phi). The golden ratio is approximately 1.618. In other words:
long side ÷ short side = φ
This proportion appears in design, architecture, photography, and digital layouts because many people find it balanced and visually pleasing.
How this calculator works
This calculator lets you start with one known value and computes the rest of the rectangle dimensions automatically:
- If you know the long side, it finds the short side by dividing by φ.
- If you know the short side, it finds the long side by multiplying by φ.
- If you know the area, it computes both sides using golden ratio geometry.
It also shows perimeter, area, and a quick visual preview so you can see the shape immediately.
Golden ratio formulas
When long side is known
Let long side = L. Then short side is:
S = L / φ
When short side is known
Let short side = S. Then long side is:
L = S × φ
When area is known
Area is A = L × S and L = φS. Substituting:
A = φS² so S = √(A / φ), then L = φS.
Practical use cases
- Web design: choose content blocks, hero banners, and card dimensions.
- UI/UX: define balanced panels, image frames, and dashboard sections.
- Print: plan poster and flyer layouts with harmonious proportion.
- Photography: crop images to a classic composition ratio.
- Product design: size screens, labels, and faceplates with elegant geometry.
Example calculations
Example 1: Known width
If your long side is 100 units, short side is: 100 / 1.618 ≈ 61.803.
Example 2: Known height
If short side is 40 units, long side is: 40 × 1.618 ≈ 64.721.
Example 3: Known area
If area is 1000 square units: S = √(1000 / 1.618) ≈ 24.861 and L ≈ 40.225.
Tips for better design decisions
- Use the golden ratio as a guide, not a strict rule.
- Round dimensions to practical values for implementation.
- Test readability and usability, especially on small screens.
- Keep spacing and typography consistent with your rectangle proportions.
Common mistakes to avoid
- Mixing up long and short side inputs.
- Using negative or zero values.
- Forgetting unit consistency (px, cm, in, etc.).
- Assuming golden ratio always beats context-driven design.
Final thoughts
The golden ratio rectangle calculator helps you move from theory to practical dimensions in seconds. Whether you are building a web layout, planning a print design, or testing composition ideas, it gives you a fast and reliable starting point grounded in classic proportion.