With Logos Trust Row Features Block for React

The six features are FeatureCells in the grid: each takes a title, a sentence and a small drawing as its children, and the drawings (SyncDots, PeopleHere, BranchGraph, ActivityBars, PageAccess and SparkRow) are components at the top of the file. The five customers are in CUSTOMERS: a name, an icon, a lettering, where the icon sits (mark), the result and its context, and how the cell spans the row.

No. They are invented, and each wordmark is a lucide icon plus a name in its own type, drawn in currentColor, so none uses a real brand's mark. The results are example data. To use real customers, swap each wordmark for your customer's logo (an inline SVG in currentColor keeps it themed) and write the result they have agreed to.

Each feature's title is a level-three heading and its sentence says everything the small drawing shows; the drawings are hidden from assistive technology. The trust row has its own heading, "What teams measured after switching", and each customer reads as its name and its result. A wordmark keeps left-to-right artwork on a right-to-left page.

Five cells don't divide into a pair of rows evenly, so the row spans: three cells across, then two wider ones, from md; five equal cells from xl, where each is wide enough for a wordmark. Under md it is a two-up grid in shared hairlines with the last cell across both columns, so no row has a hole.

Only the header, which fades up once when the page loads, and not at all with reduced motion. Everything else is static.

The features become one column and the trust row a two-up band. Together they run to about three screens on a phone; nothing scrolls sideways at 320 pixels.