This band is the top of a document rather than the top of a site, so its heading is the h1 step and not the display step. Everything under it arrives through the default slot.
An author with a portrait
Filed the day the fixture was written
The article body is the page’s, not the block’s. The block gives it a measure, a step and a rhythm, and says nothing about what is written in it — which is the whole reason a slot is the right shape here and a prose prop is not.
Two paragraphs, so the gap between them is visible in the look sheet and a theme that changes the body step moves both.
The plainest of the four content bands: a heading, a lede bounded by the theme’s measure, a ticked list, the band’s calls to action, and one wide photograph beneath all of them.
The same words as the band above, laid out so the photograph carries the right half above the large breakpoint and stacks under the text below it.
No list and no icon: this is the content band for a page that has one thing to say and one photograph to say it over.
One part words to two parts picture. The band is here because a customer with one strong photograph and three short claims has nowhere else to put them.
The cards here are bare links. Upstream tints them on hover with a light-ground token; this one drops the tint and answers the hover with the title’s underline and the photograph’s own fade, neither of which is a colour.
The stored path
It carries a content hash, so the image element emits the media door’s own two-rung candidate set for an 800-pixel source instead of a bare src.
A writer with a portrait
The avatar’s image path
The unstored path
Which is correct: there is no door to ask, so the element emits the src it was given and the width and height that reserve its box.
A writer with initials
The avatar’s fallback path
The third column
The look sheet is taken at both widths for exactly this, and the third card is what makes the row’s wrap visible.
A third writer
The three-column grid
A centred shoulder, one wide featured card, then the same three-up grid. The featured card’s outlined pill is the second badge variant this page has to keep legible.
Upstream reaches for two font sizes and a weight to make this card read as the lead. Here it is the h2 step on an h3 tag, so a theme that changes the scale changes the lead story with it.
The featured writer
Filed first
Under the lead
So its images ask for a smaller slot, which is the whole reason sizes is a property of the band and not of the block.
A writer
Filed second
Under the lead
A single card under a featured story reads as an orphan; three is what the band was drawn for.
Another writer
Filed third
Under the lead
Two columns at the medium breakpoint leave this one alone on its row, which is what the mobile sheet shows.
A third writer
Filed fourth
The light panel
So everything painted inside it reads from the card’s tone and not the band’s, which on this ground would be white on white.
A writer with a portrait
The avatar on a panel
The pill
Upstream paints it with the secondary token, which is a light-ground colour; here the pill takes the ground the theme computed for a panel on this band.
A writer with initials
The fallback disc
The hairline
Not the band’s. A ring drawn in the band’s border colour disappears against a panel that is not the band.
A third writer
The ring
The fourth column
Two at the medium breakpoint and one below it, which is the narrowest slot any image on this page is asked for.
A fourth writer
The narrow slot
Three outlined cards on the dark ground: a category, a title, a summary and a by-line, and not one image between them. The pill on this band is the one the spike’s review said would disappear.
The pill on ink
This one reads its ground from the band instead, which is the gap the spike’s review found and the ruling on the band opening closes.
A writer with a portrait
The avatar on the dark ground
The outline
So what this card paints inside it is the band’s tone and not a card tone: there is no panel here, only a hairline drawn on the band.
A writer with initials
The band’s own tone
The by-line
A disc, a name at the body step and a date at the fine step, so a theme that moves either moves all six bands that carry one.
A third writer
The shared by-line
The header is centred and the prose under it is not, because centred body copy is unreadable at any measure — which is a decision the block makes and the page does not.
An author with initials · Filed the same day
About four minutes to read
Upstream separates the date from the name with a lighter weight. A weight belongs to the type step, so here the separation is the band’s muted colour and the middot that was already there.
The by-line disc on this band has no portrait, so it falls back to initials — the second of the two avatar paths, seen once more at the large size.
A synthetic site the platform owns outright, kept small on purpose and changed only with a reason.
Golden Fixture Co.