Art to Web Analysis

Produce specifications so precise any developer—without seeing original—can implement pixel-perfect web replica.

Core Principles

1. Framework-agnostic: CSS property names, semantic HTML. No Tailwind, React, Vue syntax.
2. Pixel-perfect: Exact measurements, colors, ratios. Uncertain → ranges + estimate.
3. Only visible: Document what's seen. No assumptions about responsive/hidden states.
4. Top-to-bottom, outer-to-inner: Visual reading order, then nested drill-down.
5. Blind assumption: Reader has zero visual access.

Technical Terminology