Horizontal grid carousel, motion and cropping

Summary

The horizontal grid carousel example, demonstrating how cells scroll sideways and crop, shown across desktop and two phones with the football "They Put Their Hope In Us" imagery and a green "Play New" script.

Visual description

Black background, yellow "Grid Carousel, Motion / horizontal" label top-left. Three device mockups in a row. The desktop mock shows a Nike.com hero as a horizontal strip of cells: cropped helmet details at the edges flanking a central shot of a kneeling football player with arms raised and a green "Play New" script; eyebrow "New Possibilities / They Put Their Hope In Us" and a body paragraph. The two phones reflow the strip, one as a "Discover" card stack with cropped helmet and player cells, "THEY PUT THEIR HOPE IN US" and a "Take a spin" pill, the other as a Nike-app article with the player shot, the green Play New lockup and copy. Tight edge crops cue the horizontal scroll. Standard utility header along the top. "©2021 NIKE INC." bottom-left.

Key takeaway

Documenting the horizontal counterpart to the vertical carousel with the same edge-cropping device, so the deck covers both scroll axes. Cropping into helmet and gear details at the frame edges adds texture while implying motion.

Reuse notes

Use to round out a carousel spec that needs both vertical and horizontal behavior. The matched football story keeps it tied to the earlier horizontal hero page. The "Take a spin" CTA labels the interaction in the mobile feed; reuse that pattern to hint at swipeable content.