Featured Project
A flagship project split with a full-height Placeholder screen beside a summary, five ruled spec rows, and three measured outcome stats.
A flagship project split with a full-height Placeholder screen beside a summary, five ruled spec rows, and three measured outcome stats.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Featured Project is a two-column flagship: a full-height Placeholder screen on the left and, on the right, the Atlas dispatch redesign written up as a summary paragraph, five ruled spec rows (Client, Role, Timeline, Team, Deliverables), and three measured outcome stats. It closes with a "Read the full case study" link, so one engagement carries the weight usually spread across a whole grid.
Specs and outcomes are two typed arrays; the media side stretches to the text height with lg:h-full so neither column floats. The outcome figures are the credible part: 38% fewer support tickets, onboarding down from 14 days to 4, and 92% task success in testing are the numbers the installer swaps for their own.
Reach for this block when one project deserves top billing on a homepage or a design landing page, above the fold or just under the hero. The installer swaps the screen Placeholder, the project name and summary, the five spec rows, and the three outcome stats, keeping the case study link pointed at the full write-up.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the flagship product design engagement. Other featured layouts:
Tip: keep the spec rows and outcome stats balanced in height with the screen so the split reads as two equal columns, not a tall image beside a short stack.