Stat Project Card
An imageless three column grid where each card leads with a large metric and context line, then the project name, meta, summary, and link.
An imageless three column grid where each card leads with a large metric and context line, then the project name, meta, summary, and link.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Stat Project Card leads with outcomes instead of screens. Three imageless cards sit in a responsive grid, each opening on a large headline metric and its context line, +28% activation for Ledger, 82% onboarding completion for Tend, 41% fewer support tickets for Atlas. A bordered lower block then names the project with its kind and year, adds a one-line summary of what changed, and ends on a View project link.
Projects are one array of objects. Dropping the thumbnail entirely is the distinctive choice: with no image to lean on, the metric does the work and the summary supplies just enough context to make it credible.
Reach for this block at the top of a work page, or as a results band on a homepage, when the numbers are stronger than the screenshots. The installer swaps the metrics, context lines, project names, and summaries for their own documented outcomes.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the outcomes index for a product designer who competes on impact. Other uses:
Tip: the context line is what keeps the metric honest; a bare 82% means little until it reads up from 44% on the original flow.