Timeline Layout Reveal

Use packages/brand/src/TimelineLayoutReveal.tsx and its registration in packages/brand/src/Root.tsx. Screenshots belong in packages/brand/public/timeline-reveal/before.png and after.png.

Matching captures

Capture the requested composition from packages/jonnys-videos. Start Studio with bunx remotion studio --no-open --port=<free-port> and open the printed URL. For the existing reveal, use RollerSkiCommute-new, frame 2025: the cow close-up. Confirm the cow still appears there if the composition has changed.

The approved framing is a 1280 × 800 CSS viewport at device scale factor 2, with a 336-pixel timeline panel. This gives a MacBook-like 16:10 screenshot and a timeline 30% shorter than the original 480-pixel panel. Adapt these values when the user requests different framing. A 2x capture must contain 2560 × 1600 pixels; changing only the CSS viewport size is insufficient.