Grid carousel vertical motion layout spec

Summary

A layout-specification page for a grid carousel of four vertical images shown through a horizontal scroll, with the Play New lockup fixed to the third image and rules for each breakpoint.

Visual description

White background, same all-caps utility header and centered black Nike swoosh. A bold heading "GRID CAROUSEL / MOTION / VERTICAL" sits upper-left over three instruction paragraphs (four vertical images on a right-to-left horizontal scroll, lockup fixed to the third image; app-card and mobile show images one by one). Three black placeholder mockups labeled "Desktop P1", "App Card" and "Mobile P1 / Thread" run across the bottom; the desktop frame shows several thin vertical image slices with the white italic "Play New" lockup centered, implying a wider scrolling strip; the mobile frame centers the lockup; the app card is empty. The carousel is evident from the partial vertical slices and the scroll instructions.

Key takeaway

Documenting motion behavior (a fixed lockup riding a horizontally scrolling strip of verticals) inside the same placeholder-frame system used for static layouts. Anchoring the lockup to a specific frame (the third image) gives the animation a stable focal point.

Reuse notes

A reusable spec format for scroll-driven or carousel modules where a fixed element must stay put while images move. The partial-slice placeholders communicate horizontal scroll without video. Internal documentation style; pairs with the horizontal-motion variant.