The panel this sits in is a card, so everything inside it reads the card’s tone rather than the band’s — and the column beside it, which sits on the band itself, reads the band’s.

A reviewer with a portrait
The avatar’s image path

This is the only band on the page that carries the page’s first heading. Everything on it — the chip, the figure, the rule under the note — reads its colour from the ground the page put it on, and not one class in the block says which ground that is.
The rule above and below this sentence is the band’s own hairline. On the dark band further down it is a different colour, and the block never learns that it moved.

Every plate here is a plain img against a URL with its stored box, which is what the media door hands a site at runtime.

The card’s ground, its hairline and its secondary prose all come from the band’s surface rather than from the block.

The figure is formatted in the site’s own currency and locale. Neither has a default the platform chose.

Four cards above the large breakpoint, two above the small one, one below it. The look sheet is taken at both widths.
This band draws nothing on a card, so every colour on it is the band’s own tone — including the hairline above each row, which is drawn as a border rather than a grey fill.
A range is how a trade quotes work it has not measured yet. Both ends are formatted in the site’s currency, and the dash between them is punctuation rather than a word.
A price string the block cannot parse passes through untouched, which is what lets a customer write the only honest answer they have.
On this ground the theme hands the band a lifted accent and a different hairline, and the chip above the heading takes both.
A card on the ink band is the ink muted panel, not the page card, and the prose inside it reads against that second ground.
The price here is a step on the type scale. Nothing in the block picks a size, so a site with a larger scale gets a louder figure for free.
This band puts its calls to action beside the heading rather than under it, and the lede beneath takes the theme’s lede step rather than a size of its own.

Three cards above the large breakpoint rather than four, which is the only structural difference from the band three grounds up.

The image element is the same one every other band renders, and it emits the media door’s width ladder when the asset is a stored one.

The card, its title, its description and its price all read one tone table, so they cannot disagree about what ground they are on.

A card on the brand band is the LIGHT panel, so what sits on it reads the light tone rather than the band’s own reading colour.

The chip above the heading is drawn in the brand’s own reading colour against a hairline at a fraction of it.

This band’s plate is three by four rather than four by three, and it lifts very slightly under a pointer.

The lift is a transition the catalog’s motion layer already unwinds for a reader who asked for less motion.
The panel this sits in is a card, so everything inside it reads the card’s tone rather than the band’s — and the column beside it, which sits on the band itself, reads the band’s.

A reviewer with a portrait
The avatar’s image path
The rule above each of these is the band’s hairline, drawn as a border rather than a one-pixel grey fill.
A reviewer with initials
The avatar’s fallback path
A half star is a clipped overlay, not a second glyph, so a fractional score renders without a second icon in the closed set.
A second reviewer
The fractional score
Five stars with no sentence naming the score are five shapes; the rating refuses to compile without one.

A third reviewer
The accessible name
The animation is spelled in longhands and it is off entirely for a reader who asked for less motion — not paused, off.
Upstream writes this card out twice, once per row. Here it is written once and the rows are data, so a token cannot be bound in one copy and missed in the other.

A reviewer with a portrait
The avatar’s image path
The row repeats itself once to close the loop, and the repeat is hidden from a screen reader so the quote is announced a single time.
A reviewer with initials
The duplicated track
The gap between cards is a step on the theme’s spacing scale rather than a measurement typed at the call site.
A third reviewer
The spacing scale
A pointer resting on the row stops it, which is the one piece of interactivity on this page that needs no JavaScript at all.

A fourth reviewer
The hover pause
The panel here is not the vendored card component, but it is still a card: it is the second ground everything inside it is read against.

A reviewer with a portrait
The avatar’s image path
Upstream repeats this panel three times. Here the three rows are an array and the panel is written once.
A reviewer with initials
The quote mark
The quote mark takes the card’s accent at a fixed opacity, so it follows the ground instead of staying the brand’s own colour.
A third reviewer
The radius token
The panel’s corner is the derived panel radius rather than a fixed sixteen pixels the site’s own radius never reaches.

A fourth reviewer
The middle row
The middle row travels against the other two, which is upstream’s own arrangement and the reason direction is data here.
A fifth reviewer
The zero-script proof
Nothing on this page ships a byte of JavaScript, and the build proves it rather than the block claiming it.

A sixth reviewer
The no-default-copy rule
Every sentence on this page came from a content file. Not one of them is a default a block supplied.
A synthetic site the platform owns outright, kept small on purpose and changed only with a reason.