Alternating Rows
A work layout of full-width two-column rows that flip image and detail sides on each project, with a constraint-led description, a ruled deliverables list, and a case study link per row.
A work layout of full-width two-column rows that flip image and detail sides on each project, with a constraint-led description, a ruled deliverables list, and a case study link per row.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Alternating Rows presents three projects, Ledger, Tend, and Field Notes, as full-width two-column rows that flip sides on each iteration: the Placeholder tile sits left on even rows and right on odd rows, creating a zigzag scroll rhythm. Each detail column includes a paragraph describing the real constraint, a ruled deliverables list, and a Read case study link. Ledger, for instance, led with cutting reconciliation time from a half-day to under an hour.
Projects are one typed array with a description and a deliverables sub-array per item. The constraint sentence inside each paragraph is the distinctive detail.
Reach for this block as the work section of a homepage or the index of a project archive when each project warrants a sentence of context, not just a thumbnail. The installer swaps the project names, descriptions, deliverables, and Placeholder tiles.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the narrative project showcase. Other alternating-row uses:
Tip: open each description with the constraint or the brief, not the outcome; the outcome lives in the case study the link leads to.