01 · The Thesis: Serious Ideas Lightly Held
Most modern consulting homepages mistake animation for intelligence. They drown the buyer in heavy 3D widgets, gamified quiz cards, and dark-mode gradients that signal early-stage tech rather than seasoned counsel.
The Executive Broadsheet was born from a different conviction: treat the browser as a physical broadsheet printed on heavyweight linen stock. Clean hairline coordinate rules, prominent numbered marginalia, and international orange used strictly as an editorial instrument rather than decorative paint.
02 · The Honest Post-Mortem: What Failed Along the Way
The final broadsheet did not arrive in a single flash. It is the scar tissue of repeated honest failures across earlier rounds:
Round 2 · The Dialectic & Studio
The Chat Trap & Industrial Chill
What failed: The Dialectic split questions and answers into a two-column inquiry grid. In practice, it looked uncomfortably like an enterprise messaging app. Meanwhile, The Workshop Studio pushed industrial plates so hard that it felt like an engine repair manual rather than Chetan's warm, strategic counsel.
Round 3 · Conversation Spread & Depth Matrix
Gutter Collapse & Cognitive Burden
What failed: The Conversation Spread looked magnificent on a 27-inch display with facing pages, but collapsed awkwardly into a vertical linear stack on mobile. The Depth Matrix introduced 60/180/360-minute cognitive lenses, but forced the visitor to choose their analytical depth before reading a single sentence.
v2 Shapes & Round 5 · Centre Gutter & Marked Ledger
Zigzag Saccades & Distracting Gamification
What failed: Centre-Gutter Dialogue forced the reader's eyes to zigzag violently across a central axis, creating physical reading fatigue over a long scroll. In Round 5, interactive margin chips and marking trays felt clever to build but risked turning a strategic manifesto into an interactive toy.
Fresh Round · The Living Illuminated River
Whimsical Drift
What failed: Pushing kinetic ink flows and fluid bezier paths was an exhilarating visual exercise, but it drifted dangerously toward a creative agency portfolio. It lacked the institutional gravity required to win enterprise board work.
03 · The Motion Doctrine & The Finals Calibration Lane
During the Finals wave, agy was tasked with running the dedicated Motion Calibration Lane. Live inspection of all candidates revealed significant timing drift across independent worktrees: sub-12px micro-jitters, animations exceeding the 1.4s physiological ceiling, and unthrottled resize listeners.
The Calibrated Studio Motion Standard
- Section Entrances: 0.5s to 0.7s duration, strictly power3.out, 16px to 28px travel.
- Micro-Interactions: 0.25s to 0.4s duration, power2.out or back.out(1.4), felt immediately on touch.
- Signature Moment: Capped at 1.4s max; exactly one per direction.
- Exits: 0.2s to 0.3s, power2.in (crisper and faster than entrances).
- Hard Ceiling: No scrolljacking, no pinned stages, no animation over 1.4s.
04 · The REFINE-6 Gate Pass: Perfection on the Surface
Even in the Divergence round, the QA gate caught subtle flaws that had to be eliminated:
- Non-Interactive Motion Removed: Cascade and artefact cards previously translated on hover; hover motion was removed to honor honest tactile affordances.
- Doctrine Easings: Generic 0.2s ease transitions on buttons were upgraded to precise 0.25s and 0.28s power3.out curves.
- Contrast Floor: Accent orange was darkened from #ff4a00 to #c83b00, ensuring a solid 4.71:1 contrast on linen and 5.15:1 for white action text.
- Full Lifecycle Teardown: Every event listener, IntersectionObserver, GSAP ticker, and Lenis instance is systematically unhooked on pagehide.