Client Grid Detailed
Six client cards each showing the wordmark, sector, the actual deliverable delivered, and the year of engagement.
Six client cards each showing the wordmark, sector, the actual deliverable delivered, and the year of engagement.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Client Grid Detailed shows six client cards in a three-column grid, each card carrying the wordmark as muted text at a calibrated size, then a ruled definition list with three rows: Sector, Work, and Year. Ledger is listed as Fintech, product design and design system, 2022 to 2025; Milo Health as Health, care dashboard and scheduling tool, 2020 to 2022; and so on through to Crestline at Agency for brand identity and web design in 2018. The Work row naming the actual deliverable, not just the company type, is the distinctive detail: a logo wall that names only sectors is a claim; a work row that names the deliverable is evidence.
Clients are one typed array with name, nameSize, work, year, and sector on every object, so TS never encounters a mixed-shape union. The lede confirms the stance: six engagements across seven years, each entry names the actual work.
Reach for this block as the clients section of a services or about page where the visitor needs to know not just who hired you but what you delivered. The installer swaps the six client objects, keeping the work field honest about scope rather than padding it with scope-inflation language.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the richer client wall with deliverable detail. Other detailed client grid uses:
Tip: the work field is the differentiator; keep it to one concrete noun phrase naming what shipped, not a services list the client already read on your services page.