How the Gallery Stack was built.

Proof labels

The gallery uses three proof labels on every exhibit: Real, Concept, and Built demo. They appear inside the gallery, inside the archive grid, and again inside the detail room.

• Real: Verified build, live link, or signed client material.
• Concept: Imagined trajectory, internal archive, or speculative proposal.
• Built demo: Working interface without client handoff.

Governing metaphor

The site is a horizontal gallery. Each exhibit is a room. Visitors move through artwork, then choose to enter a room for its proof context. The label never moves—it always stays visible with the artwork.

This keeps proof separated from decoration while preserving spatial reading order: first the experience, then the evidence.

Motion model

Horizontal gallery relies on a scrollable strip with constrained motion. The room overlay fades up from below. ESC closes all overlays. Hover reveals the underline treatment on labels.

Reduced motion collapses both effects: gallery strip becomes a vertical list, room closes immediately, underline becomes solid.

Media system

Every artwork is a wide-format SVG: abstract geometry, token-light color, no photographic realism. Wide aspect ratios suit the gallery metaphor better than portrait cards.

Images use loading="lazy" except room heroes, which load eagerly when the room opens. Each SVG uses a compact palette:

• Paper: #e9e4d5
• Ink: #1d241a
• Accent: #8a6e39
• Tint: #bbdba8

Critique passes

1. Pass 1: Structure, proof labels, route wiring, and nofake testimonial rules.
2. Pass 2: Reduced motion, responsive overflow, color contrast, keyboard interaction.
3. Pass 3: Automated URL checks and SVG integer dimensions.