Wide Project Row
A full-width bordered project row with a Placeholder on one side and the name, description, tags, and view link on the other.
A full-width bordered project row with a Placeholder on one side and the name, description, tags, and view link on the other.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Wide Project Row stacks three projects as full-width bordered rows, each split into a Placeholder on the left and the project name, role, year, description, and a tag set on the right in a 2fr-3fr grid. The descriptions are substantive: Ledger redesigned the reporting layer so teams could see numbers without navigating four levels deep; Tend reduced a tracking flow from 11 screens to 5; Field Notes delivered 48 components to three teams.
Projects are one typed array including a tags string
array per entry. The description plus tags combination is
the distinctive choice: it qualifies the work in a way
that a title and thumbnail cannot.
Reach for this block as a featured-projects section on a homepage or a curated work page with two to four deeply documented projects. The installer swaps the project names, descriptions, tags, and links for their own work.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the selected-projects section for a product or UX designer with deep case studies. Other uses:
Tip: write the description as a summary of what changed, not what was done; the outcome sentence is what converts a visitor into a reader.