Logo bar

A single horizontal social-proof band: a small label pair, a hairline, five partner marks distributed evenly across the measure, and a second hairline closing it. Core blocks only, so there is nothing to install and nothing to keep updated.

The row is closed at both ends and is guaranteed to stay one line. The five marks sit in five equal core/columns, held to 880 inside two is-style-wide hairlines that run the full 1240 measure, with the label pair pushed to the two ends of the space above. The marks are therefore a tight cluster inside a wide frame rather than five things spread along a rule. Above 782px core gives every column flex-basis: 0 and min-width: 0, so the five share the measure evenly whatever each mark's artwork happens to be and however wide the band is drawn; below 782px core stacks them to one per line, which is a deliberate centred column rather than a ragged last row. There is no width at which two marks end up pinned to opposite edges with a hole between them, and no width at which the frame is left hanging open around three and a half marks.

That guarantee is what the two hairlines are for. A logo bar is read as one object or it is read as clutter, and the rule above and the rule below are what say where the object starts and stops. Everything else in the band is held back so that the line of marks is the only thing with any weight in it: the labels are 15px, the marks are 5rem tall, and there is nothing else.

1. The marks. Replace all five images and write each alt to name the partner. Keep them all at one height rather than sizing them individually: the even row is the design, and per-mark tuning is what makes a logo bar look assembled by hand.
2. The count. Five is what the 880px row holds comfortably at this size. Four is airier and also correct. Six fits if you drop the height a step or widen the row, and the roster-plaque variation is the answer when you have more names than a line will take. Add or delete a whole core/column; nothing else needs changing.
3. The width of the row. 880px inside a 1240px frame. Widen it towards 1240 for a looser bar, narrow it for a tighter cluster; this one number is what sets how much the five marks read as a group.
4. The label pair. "Trusted by" and "Since 2014" sit at either end of the space above, at the full measure rather than the row's. Delete the right-hand one for a quieter band, or both if the section above already says what this is.
5. The frame. Delete the lower separator if this band sits directly above a section that already opens with a rule.

• Typeface. The pattern states no font family anywhere. Only the labels are type, and they take whatever your theme sets.
• Palette. The ground is your base and every piece of text is your contrast, each a fallback chain ending on a colour WordPress itself guarantees, so the band paints in a theme with a full palette and still paints in a theme with none. No accent anywhere: an accent's brightness varies by theme, and there is nothing in this band that can afford to be the wrong weight.
• Spacing scale. The band's padding, the gutter between marks and the space around the hairlines all use the core spacing presets, so they move with your theme's rhythm.
• The hairlines. Two core/separator blocks, is-style-wide, in your theme's own separator styling, so they follow your text colour rather than stating one.

• The height of a mark. 5rem in the strip, 5.5rem on the plaque. Fixed height plus contain is what makes a set of unrelated logos read as one row; the alternative, sizing each by width, gives you a wide mark that dwarfs a square one.
• The row is narrower than its frame. The two hairlines run the full 1240 measure and the marks sit inside a nested constrained group at 880 (620 on the plaque), so the gap between two marks is always smaller than the gap between the outer marks and the ends of the rules. Without that the five read as specks scattered along a long line rather than as one set: five equal columns across the whole measure gives each mark a quarter of a metre of air at 1920. A nested constrained group is the way to hold a measure inside a wider band; padding-right on the block is not, because the padding sits outside the layout's max-width and the block ends up the right width in the wrong place.
• The distribution. Five equal columns inside that group, each mark centred in its own share. Equal columns plus equal fitted height is what makes the row read as evenly spaced; centring is also what keeps the stacked phone layout tidy, where marks aligned left and right would zigzag.
• The frame. Two hairlines enclosing the row, which is what makes it read as a strip rather than as a set of pictures floating in a section.
• Restraint. The marks are drawn large enough to be recognised and no larger. A logo bar that shouts competes with the section above it, which it should not do.

Every piece of text in the band is your contrast on your base, which is the one pair every stock block theme guarantees and the highest-contrast pair it has. The labels are small text and are held to the 4.5:1 body threshold.

The marks are artwork rather than text, so no contrast threshold applies to them and none is claimed. What is claimed is the thing above: they are dark, they need a light ground, and every payload here gives them one, the inverted variation included.

Each mark is a core/image with scale: contain at a fixed 5rem height, so it is fitted inside its share of the row rather than cropped to fill it: marks of different proportions sit at the same optical height and none of them is sliced. The images travel with the blocks as URLs with no attachment id, so nothing in your media library is referenced and no foreign id is copied.

What you need to know before you move this band onto a dark ground: logo artwork is dark. These marks are SVGs drawn in currentColor, and an SVG loaded through <img> is a separate document that never sees the page's colour, so it paints pure black no matter what the surrounding text is doing. Measured here in Chromium: the mark's opaque pixels come back rgb(0,0,0) on a page whose color is white. That is a silent failure of exactly the kind this catalogue exists to prevent, and it is why night-band does not simply invert: every mark there sits on its own base plate, and the plate is load-bearing, not decoration. The same applies to any logo you substitute. If your own marks are white artwork, you want them on the dark band and off the plates, and that is a swap you make deliberately rather than a thing that happens to work.