添加 hallmark 技能

skills/hallmark/references/macrostructures/18-portfolio-grid.md

@@ -0,0 +1,23 @@
+## 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
+
+---