About this block

Project Card With Tags shows four projects in a two column grid, each with a Placeholder image, a name, a one line description that names the real problem, and a row of small rounded chips for skill and category context. Ledger carries Fintech, Dashboard, and Design systems; Tend carries Health, Mobile, and Prototyping, giving a reader the discipline and the deliverable before they click.

Projects are a typed array where every item carries the same keys: name, description, and a tags string array. The chip row is the distinctive detail, it surfaces skills without cluttering the name or the description.

When to use

Reach for this block as a work section where the practice spans multiple disciplines and the reader needs orientation before choosing which project to open. The installer swaps names, descriptions, and tags to reflect their actual work and skills.

A natural flow around it on a Portfolio Pro page:

Before

• Name and role hero
• Featured project card

After

• Case study split
• Contact band

What you can display

One strong use is a mixed-discipline portfolio index where tags steer the reader to the right project. Other uses:

• Skills showcase. Tags map to CV skills, each project is evidence for one or two.
• Client type grid. Tags name the industry, making a specialisation legible across the grid.
• Filterable upgrade. Pair with a filterable work grid that uses the same tag vocabulary.

Tip: keep each description to the problem, not the outcome, one sentence naming what was broken is sharper than a sentence naming what you delivered.