Anatomy of the Page, collage guidance

Summary

A second "Anatomy of the Page" spec dissecting the football collage article, with yellow leader-line callouts that explain how secondary elements, contact sheets and color blocks build the layout.

Visual description

Black background, yellow utility header, and a yellow "ANATOMY OF THE PAGE" title upper-left. The football collage article ("They Put Their Hope In Us") is unrolled as two tall stacked sections down the middle, with green-framed photos, group shots and body copy. Yellow leader lines connect the page to yellow all-caps annotations on both margins: on the left, "LEAD WITH A P1 THAT COMPLIMENTS THE TYPE OF ARTICLE", "UTILIZE SECONDARY ELEMENTS TO HELP DIVERSIFY THE CONTENT", "MIX IN SINGLE IMAGES WITHOUT SECONDARY ELEMENTS TO ENFORCE EDITORIAL LOOK"; on the right, "FOR CONTACT SHEET, USE SECONDARY ELEMENTS AND MULTIPLE IMAGES", "UTILIZE UNCROPPED PHOTOGRAPHY", "USE SOLID COLOR AND WHITE SPACE TO DIVERSIFY THE COMPOSITION", and "END WITH A FULL WIDTH PHOTO AND THE PLAY NEW LOCKUP IN THE SAME COLOR USED IN THE P1".

Key takeaway

The companion anatomy that documents the collage variant: it spells out when to add secondary elements and contact sheets versus when to drop in a bare single image to keep the page feeling editorial. The repeated "end full-width with the P1's lockup color" rule reinforces consistency across templates.

Reuse notes

Use alongside the desktop-callouts anatomy as a pair that teaches two flavors of the same article system. A clear model for annotating a collage layout's construction rules. Keep the callout language short and imperative, as here, so the page stays the focus.