Work Preview Hero
A hero that leads with the name and role then immediately shows three labelled work thumbnails with role and year below each.
A hero that leads with the name and role then immediately shows three labelled work thumbnails with role and year below each.
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
Work Preview Hero leads with the name and a single positioning line, Marcus Kim, interface designer, focused on clear, fast product interfaces for B2B software teams, then drops straight into three aspect-4/3 work thumbnails below. Each tile names the project (Kova Dashboard, Fern iOS App, Linden Brand System), the role, and the year, with a see-all link aligned to the heading row.
Projects are one array of Placeholder tiles. The distinctive choice is the immediate work reveal: the visitor sees three labelled projects without scrolling, which shows the range of work faster than any summary paragraph could.
Reach for this block when the work is the argument and the opener should get out of the way. The installer replaces the three project placeholders with real thumbnails, keeps the role and year lines honest, and updates the see-all link to their actual work page.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the selected-work opener that shows range immediately. Other preview shapes:
Tip: label the role per thumbnail, a grid of unlabelled placeholder images tells the visitor nothing about what you actually owned on each project.