Sticky Summary Case
A case study layout with project facts and result figures fixed in a sticky left column while the prose writeup scrolls on the right.
A case study layout with project facts and result figures fixed in a sticky left column while the prose writeup scrolls on the right.
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
Sticky Summary Case tells the Tend health app project with a 280-pixel sticky left column holding five project facts and three result figures, while the five-section writeup scrolls freely on the right. The sticky column surfaces client, role, timeline, deliverables, and platform at a glance; results show booking completion up 22%, support tickets down 44%, and practitioner setup time cut from 18 minutes to 6. The tradeoffs section names what did not ship: the intake-form builder was scoped out and documented for Q3.
Facts and results are two typed arrays; writeup is a third. The sticky column is the distinctive choice: on a long case study the project context disappears during a scroll, the sticky panel keeps it anchored.
Reach for this block as the body of a project page where the writeup runs long and the result figures need to stay in frame. The installer swaps the meta fields, the result values, and the writeup, keeping the tradeoffs section honest about what was cut and why.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the fact-pinned product case study. Other uses:
Tip: put at least one result that tracks a user outcome, not just a delivery milestone; delivery facts alone do not make a result strip worth reading.