Two Column Work
An alternating two-column project list pairing a Placeholder image with a paragraph writeup, role, and year for each engagement.
An alternating two-column project list pairing a Placeholder image with a paragraph writeup, role, and year for each engagement.
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
Two Column Work lays out four projects as alternating image-and-text rows: a Placeholder on one side and the project name, role, kind, and a paragraph writeup on the other, flipping sides each row for an editorial zigzag rhythm. The writeup is concrete: Ledger buries the numbers teams needed behind four levels of nav; Tend shrank from 11 screens to 5; Field Notes shipped 48 components across three platforms.
Projects are one flat array with an imageLeft flag per
entry that drives the alternating order. The paragraph
writeup is the distinctive choice, trading density for the
depth a grid thumbnail cannot give.
Reach for this block as the work section of a homepage or a dedicated projects page when the portfolio has four to six strong projects worth a paragraph each. The installer swaps the project names, roles, years, and writeup copy for their own engagements.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the editorial selected-work list for a product or UX designer. Other uses:
Tip: the paragraph earns its space only if it names a constraint or a number; a row that says great outcome is weaker than one that says 11 screens down to 5.