Grid carousel horizontal motion layout spec

Summary

A layout-specification page for a grid carousel of four horizontal images shown through a horizontal scroll, with the Play New lockup fixed to the center 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 / HORIZONTAL" sits upper-left over three instruction paragraphs (four horizontal images on a right-to-left scroll, lockup fixed center; app-card and mobile show two images at a time through a vertical scroll). Three black placeholder mockups labeled "Desktop P1", "App Card" and "Mobile P1 / Thread" run across the bottom; the desktop frame shows thin vertical guide lines bracketing a wide image area with the white italic "Play New" lockup centered; the app card splits into two stacked cells; the mobile frame centers the lockup on the bottom image. Scroll behavior is implied by the partial framing and instructions.

Key takeaway

The paired horizontal/vertical motion specs that keep one lockup fixed while the underlying image strip scrolls, plus the breakpoint rule change (two-at-a-time vertical scroll on smaller surfaces). It documents responsive motion behavior consistently with the static layout pages.

Reuse notes

A reusable template for carousel and scroll modules across desktop and mobile, especially where motion direction changes by surface. The placeholder-and-guide treatment conveys scroll without animation. Internal documentation style; completes the motion-spec pair.