Files
training/.codex/skills/hallmark/references/macrostructures/18-portfolio-grid.md
2026-07-28 19:31:07 +08:00

1.0 KiB

18 · Portfolio Grid

Filterable cards of projects. Studio or designer homepages where the work is the product.

  • Heading: short tagline above the grid; no display.
  • Body: responsive grid of project cards, all same size or with subtle size variation.
  • Divider: filter bar above the grid; no internal rules.
  • Button: card-internal "View case study"; no global CTA.
  • Image: thumbnail per card.
  • Reveal: card-fade on filter change.

Reach for it for design studios, agencies, photographer portfolios, any creative business where work is the pitch.

Avoid for products. Portfolio Grid is service-business shape.

Reference: Pentagram, 14islands, Locomotive, Bureau Borsche.

Sample opening lines (imitate the specificity — Portfolio Grid openings name the volume and the era):

"Selected work · 2018 — 2026." — date range, two characters of meta "Twelve projects, six clients, two countries." — three counts, no adjective "Work, indexed by year." — five-word labels, the index is the whole site