The Visual Content Audit

The Golden Ratio Design Checker

Test whether your layout proportions, typography scale, and spacing follow the 1.618 golden ratio. Get a harmony score with specific fixes.

Layout Proportions

Enter your content and sidebar widths (any unit: px, %, em)

Main content area
Secondary column

Typography Scale

Enter your font sizes in px

Spacing Values

Enter your spacing tokens in px (comma-separated, e.g. 4, 8, 16, 24, 32, 48, 64)

Comma-separated values in px

Analyse a Live Website

Enter a URL and we will try to extract layout, typography, and spacing values automatically

Golden Ratio Scale Generator

Enter your base body font size and get the full typography and spacing scale based on the 1.618 ratio

Typography Scale
Spacing Scale (Fibonacci)
Layout Split
Built by Studio Intangible
From The Visual Content Audit, Chapter 3: The Golden Ratio in Digital Design