Vertical carousel, preserving focal crops

Summary

A second vertical carousel example built on the basketball "We All Fly" mosaic, shown across desktop and two phones, demonstrating how focal crops of the subject stay intact as the carousel scrolls.

Visual description

Black background, yellow "Grid Carousel, Motion / vertical" label top-left. Three device mockups in a row. The desktop mock shows the basketball mosaic hero: stacked action and product cells in yellow over a large profile portrait against a red-and-blue split, with a yellow "Play New" script on the portrait; eyebrow "New Ceilings / We All Fly" and the "five young ballers" body line. The two phones show the same imagery reflowed vertically, one as a "Discover" card with "WE ALL FLY" and a "Drop in" pill, the other as a Nike-app article with the portrait, a yellow Play New lockup and copy, with the profile face held as the focal crop across both. Standard utility header along the top. "©2021 NIKE INC." bottom-left.

Key takeaway

Pairing a second subject (basketball) with the same carousel rule to show the focal point of each image survives the crop as cells reflow. Documenting the rule twice, with two different shoots, proves it is a system rather than a one-off layout.

Reuse notes

Use alongside the first vertical carousel page to show the behavior generalizes across content. The lesson, keep the subject's focal crop centered when cells resize, is broadly reusable for any responsive image system. Needs imagery with a clear focal subject.