Contact sheet strip layout spec

Contact sheet strip layout spec, minimal, technical, light

Preview image. Unlock full-res

White spec page diagramming the contact-sheet strip layout where a single framed film strip sits over a color field with the Play New lockup adjacent, shown across breakpoints.

Summary

A layout-specification page for the contact-sheet strip: a single framed film strip occupies two-thirds of the canvas over a color field, with the Play New lockup sitting adjacent, shown across three breakpoints.

Visual description

White background, same all-caps utility header and centered black Nike swoosh. A bold heading "CONTACT SHEET/ STRIP" sits upper-left over two instruction paragraphs (primary image occupies two-thirds with the lockup adjacent and centered to the canvas edge; motion, text or a color block can back it; 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 single light-grey film-strip frame (with sprocket-style borders) over a mid-grey field, the white italic "Play New" lockup at the left; the app card shows the strip alone; the mobile frame places the lockup below the strip. Faint grid lines overlay the frames.

Key takeaway

Reducing the contact-sheet system to a single hero film-strip frame over flat color, the simplest setting of the motif. The sprocket-bordered frame keeps the archival reference while the surrounding color block makes room for the lockup and live text.

Reuse notes

A reusable spec for a minimal, focused photographic hero that still nods to the contact-sheet language. Good when one image must lead but the brand texture should persist. Internal documentation style; final contact-sheet variant in the series.

From this deck: Contact sheet strip layout spec

View deck
Empower cover wordmark
Slide 1
Welcome / introduction
Slide 2
Contents / table of contents
Slide 3
Strategic Overview section divider
Slide 4
Brand Strategy sub-section opener
Slide 5
Inflection point / Gen Z statement
Slide 6
Generation Z insights
Slide 7
Future Chasers muse
Slide 8
Consumer and Nike problem
Slide 9
Opportunity statement
Slide 10
Belief statement with figure-skater triptych
Slide 11
Our approach red serif statement
Slide 12
Our 2021 shift comparison slide
Slide 13
Make youth feel, help youth do statement slide
Slide 14
Member landscape three-column matrix
Slide 15
2021 Narrative section opener
Slide 16
Play New manifesto wall
Slide 17
Play New tagline reveal on red
Slide 18
Play New tagline statement on red
Slide 19
Messaging headline and tagline guidance
Slide 20
Creative Strategy section divider
Slide 21
Play New Times Square OOH mockup
Slide 22
New / Generation oversized lockup on magenta
Slide 23
In-store tiled floor graphics activation
Slide 24
Rule Breakers poster grid with Serena Williams
Slide 25
New campaign poster grid with Play New
Slide 26
Mosaic billboard OOH mockup
Slide 27
Play New campaign poster collage
Slide 28
New Freaks and New Oddballs poster pair
Slide 29
Creative Approach section divider
Slide 30
Our Challenge statement (serif)
Slide 31
Our Goal statement (serif)
Slide 32
What We Make three-point list
Slide 33
How We Make three-point list
Slide 34
Empowered Creative Network title (serif on black)
Slide 35
Monoculture to Diversity split with portrait grid
Slide 36
Creative Direction section divider
Slide 37
Expression Empowered brand sentiment (serif on black)
Slide 38
Sport Out Loud / Expression Out Loud split
Slide 39
Empowered Out Loud art direction collage
Slide 40
Creative Should Feel triptych (Galvanizing / Provocative / Unifying)
Slide 41
Creative Should Look triptych (Expressive / Bold / Vibrant)
Slide 42
Design Guidelines contents (amber on black)
Slide 43
Play New graphic-tools intro statement (amber)
Slide 44
Lockups sub-section divider (amber)
Slide 45
Lock-ups 75/25 usage rule with three lockup specimens
Slide 46
Headline Lockup A on color and black backgrounds
Slide 47
Headline Lockup B on light and dark art backgrounds
Slide 48
Play New CTA lockup positive and negative
Slide 49
Motion Lockups section opener
Slide 50
Motion lockup examples grid
Slide 51
Rotating headline plus Play New motion example
Slide 52
Single headline plus Play New motion example
Slide 53
Play New endcard motion example
Slide 54
Sizzle application example New Standards
Slide 55
Typography section opener
Slide 56
Headline, modifier and signifier typefaces specimen
Slide 57
Typography type layout with placement labels
Slide 58
Typography type plus image layout for art backgrounds
Slide 59
Typography creator credit accreditation rule
Slide 60
Color section opener
Slide 61
Color manifesto statement on black
Slide 62
Empower base color palette swatches
Slide 63
Nike Empower approved color pairings grid
Slide 64
Nike Empower creators color palette 75/25 split
Slide 65
Nike Empower color don'ts with red X overlays
Slide 66
Nike Empower Layouts section divider
Slide 67
Nike Empower campaign layout poster grid
Slide 68
Nike Empower Headline Layout A example
Slide 69
Nike Empower Headline Layout A aspect ratios
Slide 70
Nike Empower Headline Layout A guides
Slide 71
Nike Empower Headline Layout A signifier anchoring
Slide 72
Nike Empower Headline Layout B New Oddballs masthead
Slide 73
Nike Empower Headline Layout B responsive sizing
Slide 74
Nike Empower Headline Layout B guides
Slide 75
Nike Empower CTA Layout on color
Slide 76
Nike Empower CTA Layout on image
Slide 77
Nike Empower CTA Layout guides
Slide 78
Nike Empower Layout Applications section divider
Slide 79
Nike Empower hero grid variable modifier
Slide 80
Nike Empower hero grid 1-row alternating example
Slide 81
Hero grid 1-row guide overlays
Slide 82
Hero grid 2-row checkerboard example
Slide 83
Hero grid 2-row guide overlays
Slide 84
Hero grid alternate two-row guides
Slide 85
Two-up system pairing rules
Slide 86
Single layout usage rule
Slide 87
Translations section divider
Slide 88
Localization intent statement
Slide 89
French localized creative examples grid
Slide 90
What gets translated rule
Slide 91
Translation conjugations masthead spec
Slide 92
French masthead examples on red
Slide 93
French masthead guides on black
Slide 94
French Nouveau masthead examples on red
Slide 95
French Nouveau masthead guides on black
Slide 96
French localized imagery grid
Slide 97
Spanish Nuevos masthead examples on yellow
Slide 98
Spanish Nuevos masthead guides on black
Slide 99
Spanish masthead specimens
Slide 100
Spanish masthead guides
Slide 101
Spanish campaign poster examples
Slide 102
Photography Art Direction section divider
Slide 103
Tapestry of creators statement
Slide 104
Monoculture to diversity
Slide 105
Humanize the Heroes
Slide 106
Vibe collage
Slide 107
Sport is emotional photo collage
Slide 108
Full range of emotions photo collage
Slide 109
Showcase the magic behind the scenes collage
Slide 110
Celebrate authenticity photo collage
Slide 111
Be as real as our athletes collage
Slide 112
Motion Capture section divider
Slide 113
Motion capture spirit and energy statement
Slide 114
Motion Capture Considerations three-point list
Slide 115
Celebrate diversity through capture collage
Slide 116
Illustration section divider
Slide 117
Illustration diversity statement
Slide 118
Free the work illustration collage
Slide 119
Diversity of creators illustration collage
Slide 120
Cultural connections illustration collage
Slide 121
Illustration Dos three-panel examples
Slide 122
Illustration Dos artist-selection examples
Slide 123
Illustration don'ts grid
Slide 124
Multi-disciplinary section divider
Slide 125
Embrace multi-disciplinary creatives body copy
Slide 126
Use Your Imagination imagery collage
Slide 127
Mix Realities and Methods of Make collage
Slide 128
Language section opener with contents
Slide 129
Words matter manifesto copy on magenta
Slide 130
How to write New blank section divider
Slide 131
New headlines campaign poster grid
Slide 132
Manifesto of New statements
Slide 133
New guidelines for Gen Z voice
Slide 134
What to do, right words for the right story
Slide 135
What not to do, prohibited New usage
Slide 136
Empower tone of voice section divider
Slide 137
Our tone is, adjective contrast list
Slide 138
Tone guidelines, four numbered rules
Slide 139
Do / Don't copywriting split
Slide 140
Tactical copy guidelines four-column list
Slide 141
Empower story checklist
Slide 142
Application Examples magenta section divider
Slide 143
From / To web feature example
Slide 144
From / To app feature example
Slide 145
From / To Instagram example
Slide 146
Empowered Creative Network serif cover
Slide 147
ECN playbook serif statement
Slide 148
Why do we need it green serif statement
Slide 149
Empowered formula three-part equation
Slide 150
Framework / resource two-card panel
Slide 151
Empowered creative principles three-column
Slide 152
Four approaches pairing matrix
Slide 153
Examples of empowered storytelling four-column
Slide 154
Where does it live green serif resource
Slide 155
Application serif section opener
Slide 156
Creative direction serves the athlete
Slide 157
Digital application section opener
Slide 158
Digital framing formats overview
Slide 159
Single Image format intro
Slide 160
Horizontal hero system, desktop and mobile
Slide 161
Single-image athlete feature, Serena
Slide 162
Single-image artist portrait
Slide 163
Grid Layout format intro
Slide 164
Grid 1 Hero, three-panel framing
Slide 165
Grid 2 Hero, mosaic assembly
Slide 166
Grid Carousel, Motion intro
Slide 167
Vertical grid carousel, motion behavior
Slide 168
Vertical carousel, preserving focal crops
Slide 169
Horizontal grid carousel, motion and cropping
Slide 170
Layered Contact Sheet format intro
Slide 171
Contact sheet, 1 image horizontal 1/3 filled
Slide 172
Digital contact-sheet framing, 1 image vertical 1/3 filled
Slide 173
Digital contact-sheet framing, 1 image horizontal filled
Slide 174
Digital contact-sheet framing, horizontal team photo filled
Slide 175
Digital contact-sheet framing, horizontal strip
Slide 176
Thumbnail Design section opener
Slide 177
Nike Journal Page, New Voices homepage
Slide 178
Nike Journal Page with thumbnails grid overlay
Slide 179
Thumbnails mix and match, color-block ratios
Slide 180
Article Page section opener
Slide 181
Editorial Collage article page, desktop
Slide 182
Editorial Collage article page, mobile
Slide 183
Editorial Collage article page, desktop sports
Slide 184
Editorial Collage article page, mobile sports
Slide 185
Short Format article page, desktop
Slide 186
Short Format article page, mobile
Slide 187
Anatomy of the Page, desktop callouts
Slide 188
Anatomy of the Page, collage guidance
Slide 189
Anatomy of the page, illustration guidelines
Slide 190
OOH application section opener
Slide 191
OOH Times Square night billboards
Slide 192
OOH Times Square billboard wrap
Slide 193
OOH Times Square dual-screen framing
Slide 194
OOH New York street-level billboards
Slide 195
OOH single billboard portrait execution
Slide 196
OOH single billboard split framing
Slide 197
OOH wall-scale building billboard
Slide 198
OOH Paris subway poster wrap
Slide 199
OOH Paris subway New Normal wrap
Slide 200
OOH posterwall Play New collage
Slide 201
OOH posterwall creative variants
Slide 202
OOH WNBA posterwall
Slide 203
OOH London Piccadilly Circus billboard
Slide 204
Retail application section opener
Slide 205
Retail single-window display mockup
Slide 206
Retail double-window display mockup
Slide 207
Retail triple-window installation mockup
Slide 208
Retail atrium floor and column installation
Slide 209
Play New creative strategy on a page
Slide 210
Contacts and Box links page
Slide 211
Orange Swoosh pause slide
Slide 212
Addendum section divider
Slide 213
Empowered Creative Network section divider
Slide 214
What's Inside contents page
Slide 215
Virgil Abloh quote slide
Slide 216
New campaign Times Square OOH mockup
Slide 217
Retail atrium floor and pillar installation
Slide 218
New way of working statement slide
Slide 219
Playbook shared values statement
Slide 220
Strategic Approach subsection divider
Slide 221
What's the same / what's new split over video still
Slide 222
Monoculture to diversity portrait grid
Slide 223
Empowered Out Loud purple collage
Slide 224
Define the future statement on green
Slide 225
What we make / how we make serif split on cyan
Slide 226
Obsess the story on both sides of the lens
Slide 227
Story in front of / behind the lens diptych
Slide 228
The Empowered Creative Network green reveal
Slide 229
Framework and resource two-card definition
Slide 230
Empowered Formula three-part equation
Slide 231
Framework oversized section divider on cyan
Slide 232
Shared values statement on cyan
Slide 233
Empowered Creative Principles three-step overview
Slide 234
Hero Authentic Storytellers photo opener
Slide 235
Hero Authentic Storytellers four-point guidance
Slide 236
Embrace True Co-Creation collage opener
Slide 237
Embrace True Co-Creation four-point guidance
Slide 238
Celebrate the Story Behind the Lens
Slide 239
Boost Creative Partners (Instagram credit mockup)
Slide 240
Capture & Tell the Creator's Story (two-column)
Slide 241
Examples of Empowered Storytelling (four-column)
Slide 242
4 Approaches to Empowered Storytelling (section opener)
Slide 243
Opportunity is the key to empowerment (statement)
Slide 244
Elite Athlete + Future Chaser Creative
Slide 245
Elite Athlete + Established + Future Chaser Creative
Slide 246
Everyday Athlete + Established Creative
Slide 247
Everyday Athlete + Future Chaser Creative
Slide 248
4 Approaches to Empowered Storytelling (summary table)
Slide 249
Resources (section divider)
Slide 250
Shared tools for empowered storytelling (statement)
Slide 251
Resource - Empowered Creative Network Database
Slide 252
How to Submit to the Empowered Creative Network
Slide 253
Example Future Chaser Creatives - Artist Reps/Networks
Slide 254
Future Chaser Creatives - Photographers profile grid
Slide 255
Future Chaser Creatives - Directors profile grid
Slide 256
Future Chaser Creatives - Illustrators profile grid
Slide 257
Cyan Nike swoosh on black
Slide 258
Digital Layout Guides section opener
Slide 259
Single image horizontal layout spec
Slide 260
Single image vertical layout spec
Slide 261
Grid 1 Hero layout spec
Slide 262
Grid 2 Hero layout spec
Slide 263
Grid carousel vertical motion layout spec
Slide 264
Grid carousel horizontal motion layout spec
Slide 265
Contact sheet horizontal one-third filled layout spec
Slide 266
Contact sheet vertical one-half filled layout spec
Slide 267
Contact sheet horizontal filled layout spec
Slide 268
Contact sheet strip layout spec
Slide 269
Nike endframe cyan swoosh
Slide 270

More like this