Nike Empower hero grid 1-row alternating example

Summary

A foundation example of the single-row hero grid: four 3x4 panels in a row that alternate Headline Layout A flat-color blocks with Layout B portrait panels.

Visual description

White background, standard running header and a left-aligned "HERO GRID APPLICATION / FOUNDATION 1 ROW EXAMPLE" title with a short note that Layouts A and B can sit together in a simple single row that alternates each layout. Below, four tall "3X4" panels run edge to edge: a green panel with magenta "New / FREAKS."; a yellow-green portrait with cyan "New / ODDBALLS."; a red panel with orange "New / POSSIBILITIES."; and a portrait of a young woman with the yellow "Play / New" CTA over her face. Color blocks and photographic panels alternate across the row, each carrying a small swoosh and "PLAY NEW" tag. Footer: "©2021 NIKE INC." left, "nike-empower-creative-2021" right.

Key takeaway

The alternating-panel rhythm: pairing flat-color headline blocks with full-bleed portrait headlines in one row makes a grid that is varied yet unmistakably one system. Each panel reuses the same New + modifier grammar, so variety never breaks consistency.

Reuse notes

A strong template for hero rows, carousels, or campaign banners that need to feel lively across multiple cells. Alternating graphic and photographic panels keeps a long strip from feeling monotonous. Depends on both a tight color system and strong portraits to hold up side by side.