Preview image. Unlock full-res
White spec page diagramming the contact-sheet hero layout where film strips build from the left and the hero image occupies two-thirds, shown across breakpoints.
Summary
A layout-specification page for a contact-sheet hero: film strips build in from the left while color fills the rest, the hero occupies two-thirds of the canvas, 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 / HORIZONTAL / 1/3 FILLED" sits upper-left over two instruction paragraphs (film strips build from the left, hero occupies two-thirds centered; mobile rules), plus 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 grey film-strip tiles on the left edge, a large light-grey hero block, then a black panel with the white italic "Play New" lockup; the app card and mobile show film strips with the lockup repositioned. Faint grid lines overlay the frames.
Key takeaway
Using a contact-sheet motif (film-strip tiles building from one edge) as a deliberate framing device around a single hero, with the rest filled by flat color. The two-thirds hero ratio and edge-loaded strips give a documentary, archival feel inside a strict system.
Reuse notes
A reusable spec for lookbook, event or large-asset layouts that want a curatorial, photographic texture. The film-strip-plus-hero pattern suits editorial and gallery contexts. Internal documentation style; first of four contact-sheet variants.
From this deck: Contact sheet horizontal one-third filled layout spec
View deck
