Preview image. Unlock full-res
White spec page diagramming the vertical contact-sheet hero where film strips build from the left and a vertical hero fills half, shown across breakpoints.
Summary
A layout-specification page for a vertical contact-sheet hero: film strips build in from the left while a vertical hero image fills the center, shown across three breakpoints.
Visual description
White background, same all-caps utility header and centered black Nike swoosh. A bold heading "CONTACT SHEET/ 1 IMAGE / VERTICAL / 1/2 FILLED" sits upper-left over two instruction paragraphs (film strips from the left, hero occupies two-thirds centered; mobile rules), with a small red annotation top-right. Three placeholder mockups labeled "Desktop P1", "App Card" and "Mobile P1 / Thread" run across the bottom. The desktop frame shows a dense grid of grey film-strip tiles with a tall light-grey vertical hero block centered and a black panel carrying the white italic "Play New" lockup on the right; the app card shows the full film-strip grid; the mobile frame centers the lockup over the strips. Faint grid lines overlay the frames.
Key takeaway
Adapting the same contact-sheet system to a vertical hero by surrounding it with a denser tile field. Keeping the hero ratio and lockup logic consistent with the horizontal variant shows how one motif scales across aspect ratios.
Reuse notes
A reusable spec for portrait-oriented features within a contact-sheet system. The dense film-strip field suits archives, lookbooks and editorial galleries. Internal documentation style; second of four contact-sheet variants.
From this deck: Contact sheet vertical one-half filled layout spec
View deck
