Hover Reveal Card
A project card rendered in its revealed state as a blueprint, showing the name, role, and arrow in an overlay strip with an outcome caption and year below the image.
A project card rendered in its revealed state as a blueprint, showing the name, role, and arrow in an overlay strip with an outcome caption and year below the image.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Hover Reveal Card shows a single project rendered in its revealed state as a blueprint, the overlay strip already open at the base of the image with the project name, Ledger, the role, Lead product design, and an arrow. Below the image a caption fills in the outcome, cutting reconciliation time by a third, and a year sits flush right in tabular numerals.
The card holds one project object. Showing the overlay frozen in the revealed state is the distinctive choice: the installer and reviewer both see what the interaction does without needing to hover inside a preview iframe.
Reach for this block as a standalone project feature or a single-column accent inside a wider work section. The installer swaps the project name, role, year, and caption for their own work.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is a highlighted recent project with a concrete outcome caption. Other reveals:
Tip: the caption beneath the image is the result, not a restatement of the name, one number beats ten words.