Preview image. Unlock full-res
White spec page diagramming the Grid 1 Hero layout (three images in a row) with Play New lockup placement annotated across desktop, app card and mobile.
Summary
A layout-specification page for the Grid 1 Hero: three images placed in a row with the Play New lockup centered, shown adapting to app card and mobile.
Visual description
White background, same all-caps utility header and centered black Nike swoosh. A bold heading "GRID 1 HERO" sits upper-left over three instruction paragraphs (place 3 images; lockup centered; app-card and mobile placement rules). Three black placeholder mockups run across the bottom labeled "Desktop P1", "App Card" and "Mobile P1 / Thread". The desktop frame is split into three vertical panels with the white italic "Play New" lockup centered; the app card divides into two stacked cells with no lockup; the mobile frame centers the lockup on the lower-right image. Faint grid guides overlay the frames.
Key takeaway
Specifying exactly where a fixed lockup lands when the image count changes (three-up desktop, stacked mobile, removed on the app card). Showing all three breakpoints side by side makes the adaptation legible in one glance.
Reuse notes
A reusable documentation pattern for multi-image hero or carousel modules. The split-panel placeholders plus centered lockup translate to any system that re-flows a fixed badge across image grids. Internal-spec aesthetic; part of a series with the other grid pages.
From this deck: Grid 1 Hero layout spec
View deck
