Numbered Project Card
A vertical project stack where each entry is led by a large muted editorial index number beside a Placeholder image with the name, role, and year below.
A vertical project stack where each entry is led by a large muted editorial index number beside a Placeholder image with the name, role, and year below.
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
Numbered Project Card presents three projects in a vertical stack, each led by a large editorial index number, 01, 02, 03, in a muted low-contrast weight that sits beside but does not compete with the Placeholder image. The name, role, and year sit below the image in a row, so Ledger, Lead product design, and 2025 read as a single fact line. The numbers signal a curated selection, not a full archive.
Projects are one flat array. The oversized faded numeral is the distinctive detail: it turns a plain project list into an ordered editorial statement where sequence implies priority.
Reach for this block as a selected-work section on a homepage or a case-study index where the order of projects carries meaning. The installer swaps the three entries for their own work, keeping the sequence honest about which project best represents their practice.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is a ranked top three on a focused homepage. Other orderings:
Tip: three to five items keeps the numbered stack credible, a top ten dilutes the ranked signal.