Overlay Caption Card
A two-column project grid where each full-bleed thumbnail carries a frosted bottom strip naming the project and role.
A two-column project grid where each full-bleed thumbnail carries a frosted bottom strip naming the project and role.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Overlay Caption Card shows four project tiles as a two-column grid, each a full-bleed Placeholder with a frosted bottom strip holding the project name and the role in plain text. The four demo projects are Ledger, Tend, Field Notes, and Atlas, roles ranging from Lead product design to Design systems. The caption stays pinned to the image edge so the work and the credit read as a single surface.
Projects are one flat array. The frosted strip is the distinctive choice: it keeps the caption readable against any thumbnail without lifting it off the image into separate metadata below.
Reach for this block as a selected-work grid on a homepage or at the top of a work page. The installer swaps the Placeholder tiles for real project images and keeps the role line honest about what they actually owned.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the selected-work caption grid. Other layouts:
Tip: the role line is the portfolio; a frosted caption that just repeats the project name wastes the only text in frame.