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.
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
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.