Preview image. Unlock full-res
The Nike Journal New Voices homepage shown with a fine grid overlay on every thumbnail tile to specify the underlying layout system.
Summary
The same Nike Journal "New Voices" homepage as the prior slide, now overlaid with a fine modular grid on each thumbnail to show the construction rules behind the tile system.
Visual description
Black background, yellow utility header, and a yellow "Nike Journal Page / thumbnails grid" label upper-left. A wide desktop browser mockup with a cropped right-hand panel, identical in content to the preceding journal page: the "NEW VOICES" masthead, the "New Rule Makers" and "New Ceilings" rows of square campaign tiles, each with a Play New lockup and "New Voices: Lorem ipsum" caption. The difference is a fine white modular grid laid over every thumbnail, dividing each tile into small cells so the proportional structure of the imagery, color blocks and lockup placement is exposed.
Key takeaway
Pairing a finished mockup with a grid-overlay twin so the same page reads as both the result and the spec. The overlay communicates the modular logic without a separate diagram, keeping the system documentable.
Reuse notes
A clean documentation pattern for any guideline page: show the live layout, then the same layout with its grid revealed. Reach for this when you need collaborators to reproduce a tile system exactly. Best presented immediately after or beside the clean version it explains.
From this deck: Nike Journal Page with thumbnails grid overlay
View deck
