The brief

The live section runs one shape all the way down: heading and copy in a split, then a photo beside a pull quote, then two numbers, then the CTA. It reads as four stacked blocks that happen to share a background. Each option below re-lays out the whole section — the same copy, the same quote, the same two results — around a different organising idea, so the story, the evidence and the ask stop being separate courses.

Everything uses the real text. The photo is a slot; swap in the frame when it lands. All five hold up at one column on a phone.

The spine

A rule runs down the section and every beat hangs off it — the routine, the invitation, the spread, the district. The quote sits on the line as a marker rather than beside it, and the two results are the last two stops, so the numbers read as where the story got to rather than as a separate scoreboard.

Front page

Set as a newspaper: a masthead rule, the headline across the measure, the narrative in three columns, and the quote dropped in as a boxed insert the text flows around. The results run along the foot as a figures strip. The most information-dense of the five, and the one that makes the section feel like reporting rather than marketing.

Held photo

The photo and the quote pin to the viewport while the narrative scrolls past them, so the reader keeps looking at David the whole way through his own story. The results arrive in the sticky column at the end, replacing the quote — the panel updates rather than the page adding another block.

Numbers first

Inverts the section: the two results open it at display size, the way the stats section opens the problem, and the story becomes the explanation underneath — how a district got those numbers. The quote runs as a caption under the photo rather than as its own block. Strongest option if this section's job is proof rather than narrative.

Four chapters

The story broken into four numbered panels on a grid — routine, invitation, spread, district — with the photo taking one cell and the quote spanning two. The results close it as a band across the foot. Scans in any order, which suits a reader who is skimming for the shape of the thing rather than reading it through.

Two columns, photo right

The plainest arrangement there is: heading and copy on the left, photo on the right, quote under the photo, results on a rule beneath both. Nothing to learn, nothing to discover — worth having as the baseline the other options have to beat.

One centred measure

Everything on one axis at a reading width, in the order it happens: heading, copy, photo, quote, numbers, ask. No columns to balance, so it holds identically at every size and takes about a minute to build.

Photo on top, copy in two

The photograph runs the full width as the section's opening image with the heading over it, then the story sets in two columns underneath and the quote and results share the row below. Gives the picture the most room of any option here.

Sidebar

A narrow left rail carries the heading, the numbers and the ask; the wide right column carries the story, the photo and the quote. The summary and the reading stay separated, so someone who only reads the rail still gets the whole point.

Alternating rows

Three full-width rows that swap sides as they go: copy left with the photo right, then the quote right with the turn left, then the numbers across the bottom. The zig-zag gives the section rhythm without needing any single element to be large.