@popcraft/kit 0.26.1 → 0.28.0

package/src/templates/print/printshop-card-lawyer.ts

@@ -0,0 +1,68 @@
+// A law firm's card in the old manner: the front deep navy with fine concentric rings spreading from a centred
+// monogram, a gold double rule inset from the edge, and the firm's name in widely spaced serif capitals. The back is
+// ivory, the solicitor's name and practice area over her details, a gold rule down the left. 85 × 55 mm and 3.5 × 2 in.
+
+import type { Kit } from '../kit'
+import { defineTemplate } from '../build'
+import { SERIF } from '../shared/type'
+import { art, businessCard, cardParts, contactLines, leaf, outlineIn, ringPoints } from '../themes/printshop-shared'
+import { circle3, smooth } from '../shared/draw'
+import type { VectorPath } from '@/lib/document/types'
+
+const ring = (x: number, y: number, r: number): VectorPath => smooth(circle3(x, y, r, 24), 0.085)
+const rectPath = (x: number, y: number, w: number, h: number): VectorPath => ({ closed: true, points: [{ x, y }, { x: x + w, y }, { x: x + w, y: y + h }, { x, y: y + h }] })
+
+export default defineTemplate({
+  id: 'print-printshop-card-lawyer',
+  meta: {
+    name: 'Law firm business card',
+    description: 'A traditional card for a solicitor or attorney: a deep navy front with fine rings spreading from a serif monogram inside a gold double rule, the firm’s name in spaced capitals; an ivory back with the lawyer’s name, practice area and the brand kit’s number, email and website beside a gold rule. 85 × 55 mm and US 3.5 × 2 in, two-sided',
+    category: 'business-card', tags: ['business card', 'lawyer', 'attorney', 'solicitor', 'law firm', 'legal', 'luxury', 'classic', 'serif', 'navy', 'two-sided', 'print'],
+    platforms: ['print'], formats: ['card'], useCases: ['brand-intro'],
+    created: '2026-10-10', updated: '2026-10-10',
+  },
+  stableNumbers: true,
+  build() {
+    const k = businessCard('Law firm business card', {}, (k: Kit) => {
+      k.quantizeGeometry = true
+      k.brand(
+        { primary: '#14233A', onPrimary: '#F3EEE2', paper: '#F7F3EA', text: '#14233A', onPaper: '#5E5848', accent: '#B8975A' },
+        { name: 'Whitcombe Hale', tagline: 'Solicitors since 1952', email: 'e.whitcombe@whitcombehale.co.uk', phone: '0117 496 0281', website: 'whitcombehale.co.uk', address: '9 Queen Square, Bristol BS1 4JE' },
+      )
+      k.palette({ ringLine: '#22344F', gold: '#B8975A' })
+      k.textStyle('Monogram 26', { ...SERIF, size: 26, fontWeight: 400, letterSpacing: 2, lineHeight: 28 })
+      k.textStyle('Firm 14', { ...SERIF, size: 14, fontWeight: 600, letterSpacing: 1.4, lineHeight: 17 })
+      k.textStyle('Since 8', { size: 8, fontWeight: 500, letterSpacing: 2, lineHeight: 11 })
+      k.textStyle('Lawyer 15', { ...SERIF, size: 15, fontWeight: 600, letterSpacing: 0.2, lineHeight: 18 })
+      k.textStyle('Area 8', { ...SERIF, size: 8.5, fontWeight: 400, fontStyle: 'italic', lineHeight: 12 })
+      k.textStyle('Label 8', { ...SERIF, size: 8, fontWeight: 600, letterSpacing: 1.2, lineHeight: 12 })
+      k.textStyle('Value 8.5', { size: 8.5, fontWeight: 400, lineHeight: 12 })
+      k.textStyle('Address 8', { size: 8, fontWeight: 400, lineHeight: 11 })
+      cardParts(k, { name: 'Lawyer 15', title: 'Area 8', nameColor: 'text', titleColor: 'onPaper', label: 'Label 8', value: 'Value 8.5', labelColor: 'onPaper', valueColor: 'text', gap: 8, labelWidth: 9, personGap: 3 })
+    }, (k, { front, back, size }) => {
+      const { W, H, B } = size
+      // Front: rings from the middle out past the edges, the double rule, the monogram and the name.
+      k.flowSheet(front, 6, 24, 'primary', 'CENTER', 'CENTER')
+      art(k, front, W, H, B, Array.from({ length: 22 }, (_, i) => outlineIn(ringPoints(W / 2, H / 2, 30 + i * 7, 120), -B, -B, W + B, H + B)).flat(), 'ringLine', { name: 'Rings', strokeWidth: 0.6 })
+      art(k, front, W, H, B, [rectPath(10, 10, W - 20, H - 20)], 'gold', { name: 'Outer rule', strokeWidth: 0.8 })
+      art(k, front, W, H, B, [rectPath(13, 13, W - 26, H - 26)], 'gold', { name: 'Inner rule', strokeWidth: 0.5 })
+      k.text(front, 'W  H', { style: 'Monogram 26', color: 'onPrimary', align: 'CENTER', width: 'FILL', name: 'Monogram' })
+      k.rect(front, 36, 0.75, 'accent', { name: 'Rule' })
+      k.text(front, '{{brand.name}}', { style: 'Firm 14', color: 'onPrimary', align: 'CENTER', width: 'FILL', name: 'Firm' })
+      k.text(front, 'SOLICITORS · EST. 1952', { style: 'Since 8', color: 'onPrimary', align: 'CENTER', width: 'FILL', name: 'Since' })
+
+      // Back: ivory, a gold rule down the left, the lawyer over her details, the address at the foot.
+      k.flowSheet(back, 10, { top: 24, right: 24, bottom: 22, left: 40 }, 'paper', 'SPACE_BETWEEN', 'MIN')
+      art(k, back, W, H, B, [rectPath(24, 24, 1.5, H - 46)], 'accent', { name: 'Gold rule' })
+      // A laurel seal on the right: two rings and a wreath of leaves, as on the firm's letterhead.
+      const sx = W - 58, sy = H * 0.42
+      art(k, back, W, H, B, [ring(sx, sy, 26), ring(sx, sy, 22)], 'accent', { name: 'Seal', strokeWidth: 0.75 })
+      art(k, back, W, H, B, Array.from({ length: 14 }, (_, i) => { const a = (200 + i * 10.5) * Math.PI / 180, b = (-20 - i * 10.5) * Math.PI / 180; return [leaf(sx + 34 * Math.cos(a), sy - 34 * Math.sin(a), 9, 5, -(200 + i * 10.5) + 80), leaf(sx + 34 * Math.cos(b), sy - 34 * Math.sin(b), 9, 5, 20 + i * 10.5 + 100)] }).flat(), 'accent', { name: 'Laurel' })
+      k.instance(back, 'Person', { Name: 'Eleanor Whitcombe', Title: 'Partner, Family and Children Law' }, { name: 'Person' })
+      const foot = k.stack(back, { gap: 8, name: 'Details' })
+      contactLines(k, foot, ['T', 'E', 'W'], 1)
+      k.text(foot, '{{brand.address}}', { style: 'Address 8', color: 'onPaper', width: 'FILL', name: 'Address' })
+    })
+    return k.finish()
+  },
+})

package/src/templates/print/printshop-card-photographer.ts

@@ -0,0 +1,66 @@
+// A photographer's card that is mostly photograph: the front one picture to the bleed on every side with a
+// viewfinder's corner marks over it and the name on a small white tab, as if printed on the edge of a contact sheet.
+// The back is white with the name in a serif, the work she takes, her details, and a strip of frames running off
+// the edge like a cut-down contact sheet. Every picture is an image layer to replace. 85 × 55 mm and 3.5 × 2 in.
+
+import type { Kit } from '../kit'
+import { defineTemplate } from '../build'
+import { SERIF, MONO } from '../shared/type'
+import { art, businessCard, cardParts, contactLines } from '../themes/printshop-shared'
+import { art as picture, type ArtId } from '../web/portfolio-art'
+import type { VectorPath } from '@/lib/document/types'
+
+/** The four corner marks of a viewfinder, `len` long, inset `m` from a W × H frame. */
+const corners = (W: number, H: number, m: number, len: number): VectorPath[] => [
+  [[m, m + len], [m, m], [m + len, m]], [[W - m - len, m], [W - m, m], [W - m, m + len]],
+  [[W - m, H - m - len], [W - m, H - m], [W - m - len, H - m]], [[m + len, H - m], [m, H - m], [m, H - m - len]],
+].map(pts => ({ closed: false, points: pts.map(([x, y]) => ({ x, y })) }))
+
+export default defineTemplate({
+  id: 'print-printshop-card-photographer',
+  meta: {
+    name: 'Photographer business card',
+    description: 'A card for a photographer that is mostly photograph: one picture to the bleed on the front with viewfinder corner marks and the name on a small white tab; a white back with the name in a serif, the work taken, the brand kit’s number, email and website, and a strip of frames running off the edge like a contact sheet. Every picture is an image to replace. 85 × 55 mm and US 3.5 × 2 in, two-sided',
+    category: 'business-card', tags: ['business card', 'photographer', 'photography', 'wedding photographer', 'portrait', 'photo', 'full bleed', 'editorial', 'contact sheet', 'two-sided', 'print'],
+    platforms: ['print'], formats: ['card'], useCases: ['brand-intro', 'portfolio'],
+    created: '2026-10-10', updated: '2026-10-10',
+  },
+  stableNumbers: true,
+  build() {
+    const k = businessCard('Photographer business card', {}, (k: Kit) => {
+      k.quantizeGeometry = true
+      k.brand(
+        { paper: '#FFFFFF', text: '#111111', onPaper: '#5F5F5F', primary: '#111111', onPrimary: '#FFFFFF', accent: '#E0452B' },
+        { name: 'Mara Quint', tagline: 'Weddings, portraits and editorial', email: 'mara@maraquint.com', phone: '+1 (617) 555-0193', website: 'maraquint.com', address: 'Boston, MA' },
+      )
+      k.palette({ mark: '#FFFFFF', film: '#1A1A1A' })
+      k.textStyle('Tab 10', { ...SERIF, size: 10, fontWeight: 600, lineHeight: 13 })
+      k.textStyle('Frame 8', { ...MONO, size: 8, fontWeight: 500, letterSpacing: 0.4, lineHeight: 10 })
+      k.textStyle('Name 19', { ...SERIF, size: 19, fontWeight: 400, letterSpacing: -0.3, lineHeight: 22 })
+      k.textStyle('Work 8', { size: 8, fontWeight: 600, letterSpacing: 1.4, lineHeight: 11 })
+      k.textStyle('Label 8', { ...MONO, size: 8, fontWeight: 500, lineHeight: 12 })
+      k.textStyle('Value 8.5', { size: 8.5, fontWeight: 400, lineHeight: 12 })
+      cardParts(k, { name: 'Name 19', title: 'Work 8', nameColor: 'text', titleColor: 'onPaper', label: 'Label 8', value: 'Value 8.5', labelColor: 'onPaper', valueColor: 'text', gap: 7, labelWidth: 10, personGap: 4 })
+    }, (k, { front, back, size }) => {
+      const { W, H, B } = size
+      // Front: the picture over the whole card and the bleed, the corner marks, the tab at the foot.
+      k.flowSheet(front, 0, 30, 'primary', 'MAX', 'MIN')
+      const img = k.image(front, picture('photo-00'), W + B * 2, H + B * 2, { name: 'Photograph' })
+      k.patch(img, { layoutPositioning: 'ABSOLUTE', x: -B, y: -B })
+      art(k, front, W, H, B, corners(W, H, 12, 14), 'mark', { name: 'Viewfinder', strokeWidth: 1.25 })
+      const tab = k.stack(front, { direction: 'HORIZONTAL', gap: 8, width: 'HUG', padding: { top: 6, right: 9, bottom: 6, left: 9 }, fill: 'paper', align: 'CENTER', name: 'Name tab' })
+      k.text(tab, '{{brand.name}}', { style: 'Tab 10', color: 'text', autoWidth: true, name: 'Name' })
+      k.text(tab, 'FRAME 24A', { style: 'Frame 8', color: 'onPaper', autoWidth: true, name: 'Frame' })
+
+      // Back: the name and details on white, the contact strip of frames off the right edge.
+      k.flowSheet(back, 10, { top: 22, right: 22, bottom: 20, left: 22 }, 'paper', 'SPACE_BETWEEN', 'MIN')
+      // A strip of film down the right, running off the top and the bottom into the bleed.
+      const fw = 58, fh = 39
+      const strip = k.stack(back, { gap: 4, padding: { top: 6, right: 6, bottom: 6, left: 6 }, fill: 'film', width: fw + 12, height: H + B * 2, clip: true, justify: 'CENTER', name: 'Contact strip', absolute: { x: W - fw - 12 - 18, y: -B } })
+      for (const id of ['photo-08', 'photo-10', 'photo-04', 'photo-02', 'photo-06', 'photo-00'] as ArtId[]) k.image(strip, picture(id), fw, fh, { name: 'Frame' })
+      k.instance(back, 'Person', { Name: '{{brand.name}}', Title: 'WEDDINGS & PORTRAITS' }, { name: 'Person' })
+      contactLines(k, back, ['T', 'E', 'W'], 1)
+    })
+    return k.finish()
+  },
+})

package/src/templates/print/printshop-card-plumber.ts

@@ -0,0 +1,85 @@
+// A plumber's card built to be found in a kitchen drawer at 2 a.m.: a royal blue front with a copper pipe running in
+// from the left edge, round an elbow and down off the bottom, a yellow 24/7 badge, and the phone number as the
+// biggest thing on it. The back is white with what the firm does as a ticked list (each a component instance), the
+// licence number and the plumber. 85 × 55 mm and 3.5 × 2 in.
+
+import type { Kit } from '../kit'
+import { defineTemplate } from '../build'
+import { art, businessCard, cardParts, contactLines, disc } from '../themes/printshop-shared'
+import { tickPath } from '../shared/marks'
+import type { VectorPath } from '@/lib/document/types'
+
+export default defineTemplate({
+  id: 'print-printshop-card-plumber',
+  meta: {
+    name: 'Plumber business card',
+    description: 'A bold card for a plumber, electrician or any trade on call: a royal blue front with a copper pipe running round an elbow and off the edge, a yellow 24/7 badge and the phone number as the biggest thing on it; a white back with the services as a ticked list, the licence number and the brand kit’s number, email and website. 85 × 55 mm and US 3.5 × 2 in, two-sided',
+    category: 'business-card', tags: ['business card', 'plumber', 'plumbing', 'trades', 'contractor', 'handyman', 'electrician', 'emergency', 'bold', 'two-sided', 'print'],
+    platforms: ['print'], formats: ['card'], useCases: ['brand-intro'],
+    created: '2026-10-10', updated: '2026-10-10',
+  },
+  stableNumbers: true,
+  build() {
+    const k = businessCard('Plumber business card', {}, (k: Kit) => {
+      k.quantizeGeometry = true
+      k.brand(
+        { primary: '#1747A6', onPrimary: '#FFFFFF', paper: '#FFFFFF', text: '#0E1E3D', onPaper: '#3F4D66', accent: '#FFC824', onAccent: '#0E1E3D' },
+        { name: 'Rivera & Sons Plumbing', tagline: 'Leaks, heaters and drains, fixed today', email: 'office@riveraandsons.com', phone: '(602) 555-0129', website: 'riveraandsons.com', address: 'Phoenix and the East Valley' },
+      )
+      k.palette({ copper: '#D9824B', copperDark: '#A85A2E', copperLight: '#F2B07E', deep: '#103A8C' })
+      k.textStyle('Firm 12', { size: 12, fontWeight: 900, letterSpacing: -0.2, lineHeight: 14 })
+      k.textStyle('Phone 21', { size: 21, fontWeight: 900, letterSpacing: -0.6, lineHeight: 24 })
+      k.textStyle('Call 8', { size: 8, fontWeight: 800, letterSpacing: 1.4, lineHeight: 11 })
+      k.textStyle('Badge 15', { size: 15, fontWeight: 900, letterSpacing: -0.6, lineHeight: 15 })
+      k.textStyle('Badge 8', { size: 8, fontWeight: 900, letterSpacing: 0.6, lineHeight: 9 })
+      k.textStyle('Person 13', { size: 13, fontWeight: 900, lineHeight: 15 })
+      k.textStyle('Role 8', { size: 8, fontWeight: 700, letterSpacing: 0.8, lineHeight: 11 })
+      k.textStyle('Service 8.5', { size: 8.5, fontWeight: 600, lineHeight: 11 })
+      k.textStyle('Label 8', { size: 8, fontWeight: 900, lineHeight: 12 })
+      k.textStyle('Value 8.5', { size: 8.5, fontWeight: 500, lineHeight: 12 })
+      cardParts(k, { name: 'Person 13', title: 'Role 8', nameColor: 'text', titleColor: 'onPaper', label: 'Label 8', value: 'Value 8.5', labelColor: 'text', valueColor: 'text', gap: 6, labelWidth: 9 })
+      // A service: a yellow tick and what is done.
+      k.component('Service', { direction: 'HORIZONTAL', gap: 5, width: 'HUG', align: 'CENTER', props: { Service: 'Leak repair' } }, id => {
+        const t = k.stack(id, { width: 11, height: 11, radius: 3, fill: 'primary', justify: 'CENTER', align: 'CENTER', name: 'Tick box' })
+        k.vector(t, 7, 5, [tickPath(7, 5)], 'onPrimary', { name: 'Tick', strokeWidth: 1.6 })
+        k.propText(id, 'Service', { style: 'Service 8.5', color: 'text', autoWidth: true })
+      })
+      k.component('Badge', { width: 46, height: 46, radius: 23, fill: 'accent', justify: 'CENTER', align: 'CENTER', gap: 1, props: { Big: '24/7', Small: 'CALL-OUT' } }, id => {
+        k.propText(id, 'Big', { style: 'Badge 15', color: 'onAccent', autoWidth: true, align: 'CENTER' })
+        k.propText(id, 'Small', { style: 'Badge 8', color: 'onAccent', autoWidth: true, align: 'CENTER' })
+      })
+    }, (k, { front, back, size }) => {
+      const { W, H, B } = size
+      // Front: the pipe first (behind), then the words over the clear blue.
+      k.flowSheet(front, 4, { top: 22, right: 24, bottom: 24, left: 24 }, 'primary', 'SPACE_BETWEEN', 'MIN')
+      const py = H * 0.44, px = W - 40, r = 20, t = 12
+      const run = (o: number): VectorPath => ({ closed: false, points: [{ x: -B - 2, y: py + o }, { x: px - r, y: py + o, handleOut: { x: px - r + (r + o) * 0.55, y: py + o } }, { x: px + o, y: py + r, handleIn: { x: px + o, y: py + r - (r + o) * 0.55 } }, { x: px + o, y: H + B + 2 }] })
+      art(k, front, W, H, B, [run(0)], 'copperDark', { name: 'Pipe', strokeWidth: t + 3 })
+      art(k, front, W, H, B, [run(-1.5)], 'copper', { name: 'Pipe face', strokeWidth: t })
+      art(k, front, W, H, B, [run(-3.5)], 'copperLight', { name: 'Pipe shine', strokeWidth: 2 })
+      // Collars where the lengths join.
+      const collar = (x: number, y: number, w: number, h: number): VectorPath => ({ closed: true, points: [{ x, y }, { x: x + w, y }, { x: x + w, y: y + h }, { x, y: y + h }] })
+      art(k, front, W, H, B, [collar(W * 0.24, py - t / 2 - 3, 7, t + 6), collar(px - t / 2 - 3, H - 22, t + 6, 7)], 'copperDark', { name: 'Collars' })
+      art(k, front, W, H, B, [disc(W * 0.24 + 3.5, py + t / 2 + 9, 2.4), disc(W * 0.24 + 3.5, py + t / 2 + 16, 1.8)], 'onPrimary', { name: 'Drips' })
+      const head = k.stack(front, { direction: 'HORIZONTAL', justify: 'SPACE_BETWEEN', align: 'MIN', name: 'Head' })
+      k.text(head, '{{brand.name}}', { style: 'Firm 12', color: 'onPrimary', width: W * 0.52, name: 'Firm' })
+      k.instance(head, 'Badge', {}, { name: 'Badge' })
+      const call = k.stack(front, { gap: 1, name: 'Call', width: 'HUG' })
+      k.text(call, 'BURST PIPE? NO HOT WATER? CALL', { style: 'Call 8', color: 'onPrimary', autoWidth: true, name: 'Call line' })
+      k.text(call, '{{brand.phone}}', { style: 'Phone 21', color: 'onPrimary', autoWidth: true, name: 'Phone' })
+
+      // Back: the plumber and his details on the left, the ticked services on the right.
+      k.flowSheet(back, 0, { top: 22, right: 24, bottom: 20, left: 24 }, 'paper', 'MIN', 'MIN')
+      art(k, back, W, H, B, [collar(-B, H - 8, W + B * 2, 8 + B)], 'primary', { name: 'Foot band' })
+      art(k, back, W, H, B, [collar(-B, H - 10, W + B * 2, 2)], 'accent', { name: 'Foot rule' })
+      const cols = k.stack(back, { direction: 'HORIZONTAL', gap: 14, height: 'FILL', name: 'Columns' })
+      const left = k.stack(cols, { gap: 10, height: 'FILL', justify: 'SPACE_BETWEEN', name: 'Plumber' })
+      k.patch(left, { layoutSizingHorizontal: 'FILL' })
+      k.instance(left, 'Person', { Name: 'Luis Rivera', Title: 'MASTER PLUMBER · ROC 318442' }, { name: 'Person' })
+      contactLines(k, left, ['T', 'E', 'W'], 1)
+      const list = k.stack(cols, { gap: 5, width: 'HUG', name: 'Services' })
+      for (const s of ['Leaks & burst pipes', 'Water heaters', 'Drains & sewer', 'Remodels', 'Free quotes']) k.instance(list, 'Service', { Service: s }, { name: 'Service' })
+    })
+    return k.finish()
+  },
+})

package/src/templates/print/printshop-card-realtor.ts

@@ -0,0 +1,78 @@
+// A real-estate agent's card: the front deep harbour blue with a row of gabled houses drawn in a single gold line
+// along the foot, the agency's name over them; the back white with the agent's photo in a circle, her licence, her
+// details, and a QR code that opens her current listings. 85 × 55 mm and 3.5 × 2 in.
+
+import type { Kit } from '../kit'
+import { defineTemplate } from '../build'
+import { SERIF } from '../shared/type'
+import { art, businessCard, cardParts, contactLines, qrCode } from '../themes/printshop-shared'
+import type { VectorPath } from '@/lib/document/types'
+
+/** A street of houses along `base`: gables, flat roofs and a chimney, as one line from edge to edge. */
+function street(W: number, base: number, B: number): VectorPath {
+  const xs: [number, number][] = [[-B, base]]
+  const house = (x: number, w: number, h: number, roof: 'gable' | 'flat' | 'chimney') => {
+    xs.push([x, base], [x, base - h])
+    if (roof === 'gable') xs.push([x + w / 2, base - h - w * 0.45], [x + w, base - h])
+    else if (roof === 'chimney') xs.push([x + w * 0.2, base - h - w * 0.4], [x + w * 0.55, base - h - w * 0.4], [x + w * 0.55, base - h - w * 0.62], [x + w * 0.68, base - h - w * 0.62], [x + w * 0.68, base - h - w * 0.4], [x + w, base - h])
+    else xs.push([x + w, base - h])
+    xs.push([x + w, base])
+  }
+  let x = 4
+  const plan: [number, number, 'gable' | 'flat' | 'chimney'][] = [[30, 22, 'gable'], [24, 34, 'flat'], [34, 18, 'chimney'], [26, 28, 'gable'], [38, 20, 'gable'], [22, 40, 'flat'], [30, 24, 'chimney'], [28, 30, 'gable'], [40, 18, 'gable']]
+  for (const [w, h, r] of plan) { if (x > W + 4) break; house(x, w, h, r); x += w + 6 }
+  xs.push([W + B, base])
+  return { closed: false, points: xs.map(([px, py]) => ({ x: px, y: py })) }
+}
+
+export default defineTemplate({
+  id: 'print-printshop-card-realtor',
+  meta: {
+    name: 'Real estate agent business card with QR code',
+    description: 'A card for a realtor or estate agent: a harbour-blue front with a street of houses drawn in one gold line along the foot and the agency’s name over it; a white back with the agent’s photo in a circle (drop yours in), her licence, the brand kit’s number, email and website, and a QR code to her listings (replace it with your own). 85 × 55 mm and US 3.5 × 2 in, two-sided',
+    category: 'business-card', tags: ['business card', 'real estate', 'realtor', 'estate agent', 'property', 'homes', 'broker', 'qr code', 'headshot', 'navy', 'gold', 'two-sided', 'print'],
+    platforms: ['print'], formats: ['card'], useCases: ['brand-intro'],
+    created: '2026-10-10', updated: '2026-10-10',
+  },
+  stableNumbers: true,
+  build() {
+    const k = businessCard('Real estate agent business card with QR code', {}, (k: Kit) => {
+      k.brand(
+        { primary: '#0F2A43', onPrimary: '#FFFFFF', paper: '#FFFFFF', text: '#0F2A43', onPaper: '#4D5E70', accent: '#C9A45C', muted: '#DCE3EA' },
+        { name: 'Harbour & Hearth', tagline: 'Homes on the coast since 2009', email: 'dana@harbourandhearth.com', phone: '(207) 555-0164', website: 'harbourandhearth.com', address: '41 Exchange St, Portland, ME 04101' },
+      )
+      k.palette({ gold: '#C9A45C' })
+      k.textStyle('Agency 20', { ...SERIF, size: 20, fontWeight: 600, letterSpacing: -0.2, lineHeight: 23 })
+      k.textStyle('Line 8', { size: 8, fontWeight: 600, letterSpacing: 1.8, lineHeight: 11 })
+      k.textStyle('Agent 14', { size: 14, fontWeight: 800, letterSpacing: -0.2, lineHeight: 17 })
+      k.textStyle('Licence 8', { size: 8, fontWeight: 600, letterSpacing: 0.6, lineHeight: 11 })
+      k.textStyle('Label 8', { size: 8, fontWeight: 800, lineHeight: 12 })
+      k.textStyle('Value 8.5', { size: 8.5, fontWeight: 400, lineHeight: 12 })
+      k.textStyle('Scan 8', { size: 8, fontWeight: 700, lineHeight: 10 })
+      cardParts(k, { name: 'Agent 14', title: 'Licence 8', nameColor: 'text', titleColor: 'onPaper', label: 'Label 8', value: 'Value 8.5', labelColor: 'onPaper', valueColor: 'text', gap: 6, labelWidth: 9, personGap: 2 })
+    }, (k, { front, back, size }) => {
+      const { W, H, B } = size
+      // Front: the name in the open sky, the street along the foot.
+      k.flowSheet(front, 6, { top: 26, right: 24, bottom: 24, left: 24 }, 'primary', 'MIN', 'MIN')
+      art(k, front, W, H, B, [street(W, H - 18, B)], 'gold', { name: 'Street', strokeWidth: 1.2 })
+      k.text(front, '{{brand.name}}', { style: 'Agency 20', color: 'onPrimary', width: 'FILL', name: 'Agency' })
+      k.rect(front, 24, 1.5, 'accent', { name: 'Rule' })
+      k.text(front, 'HOMES ON THE COAST', { style: 'Line 8', color: 'onPrimary', width: 'FILL', name: 'Line' })
+
+      // Back: photo, agent and details; the QR on the right.
+      k.flowSheet(back, 0, { top: 22, right: 22, bottom: 22, left: 22 }, 'paper', 'CENTER', 'MIN')
+      art(k, back, W, H, B, [{ closed: true, points: [{ x: -B, y: -B }, { x: W + B, y: -B }, { x: W + B, y: 6 }, { x: -B, y: 6 }] }], 'primary', { name: 'Head band' })
+      const row = k.stack(back, { direction: 'HORIZONTAL', gap: 12, align: 'CENTER', name: 'Row' })
+      const words = k.stack(row, { gap: 9, name: 'Agent' })
+      k.patch(words, { layoutSizingHorizontal: 'FILL' })
+      const id = k.stack(words, { direction: 'HORIZONTAL', gap: 9, align: 'CENTER', name: 'Agent head' })
+      k.photo(id, 40, 40, { radius: 20, ground: 'muted', name: 'Agent photo' })
+      k.instance(id, 'Person', { Name: 'Dana Whitfield', Title: 'REALTOR® · LIC. SA 914220' }, { name: 'Person' })
+      contactLines(k, words, ['T', 'E', 'W'], 1)
+      const scan = k.stack(row, { gap: 5, width: 'HUG', align: 'CENTER', name: 'Listings' })
+      qrCode(k, scan, 64, 'https://harbourandhearth.example/listings', 'text')
+      k.text(scan, 'MY LISTINGS', { style: 'Scan 8', color: 'text', autoWidth: true, name: 'Scan' })
+    })
+    return k.finish()
+  },
+})

package/src/templates/print/printshop-card-yoga.ts

@@ -0,0 +1,72 @@
+// A yoga studio's portrait card, quiet and warm: a sand front with a low sun of concentric arcs rising off the foot
+// of the card into the bleed, a still horizon over it, and the studio's name in a light serif. The back keeps the
+// sand and lists the week's regular classes, each a component row of day, time and class, over the teacher and her
+// details. Portrait 55 × 85 mm.
+
+import type { Kit } from '../kit'
+import { defineTemplate } from '../build'
+import { SERIF } from '../shared/type'
+import { art, businessCard, cardParts, contactLines } from '../themes/printshop-shared'
+import type { VectorPath } from '@/lib/document/types'
+
+/** A filled half-disc standing on the line y = base, radius r, centred at x. */
+function half(x: number, base: number, r: number): VectorPath {
+  const n = 24
+  return { closed: true, points: Array.from({ length: n + 1 }, (_, i) => { const a = Math.PI + (Math.PI * i) / n; return { x: Math.round((x + r * Math.cos(a)) * 1000) / 1000, y: Math.round((base + r * Math.sin(a)) * 1000) / 1000 } }) }
+}
+
+export default defineTemplate({
+  id: 'print-printshop-card-yoga',
+  meta: {
+    name: 'Yoga studio business card',
+    description: 'A calm portrait card for a yoga or pilates studio, a massage therapist or a wellness practice: a low sun of soft concentric arcs rising off the foot of a sand front under the studio’s name in a light serif; the back lists the week’s classes, each a row to retype, over the teacher and the brand kit’s number, email and website. 55 × 85 mm, two-sided',
+    category: 'business-card', tags: ['business card', 'yoga', 'yoga studio', 'pilates', 'wellness', 'meditation', 'massage', 'calm', 'minimal', 'pastel', 'portrait', 'two-sided', 'print'],
+    platforms: ['print'], formats: ['card'], useCases: ['brand-intro'],
+    created: '2026-10-10', updated: '2026-10-10',
+  },
+  stableNumbers: true,
+  build() {
+    const k = businessCard('Yoga studio business card', { portrait: 'business-card-eu' }, (k: Kit) => {
+      k.brand(
+        { paper: '#F1E7DA', text: '#3E3530', onPaper: '#6E5F55', primary: '#C7795B', onPrimary: '#FFF7EF', accent: '#8FA58C' },
+        { name: 'still water', tagline: 'Yoga, breath and rest', email: 'hello@stillwater.yoga', phone: '07700 900 412', website: 'stillwater.yoga', address: 'The Old Chapel, 3 Mill Lane, Totnes TQ9 5DH' },
+      )
+      k.palette({ sun1: '#E9C3A6', sun2: '#E2AE8C', sun3: '#D99575', sun4: '#C97C5E', water: '#DCCBB7' })
+      k.textStyle('Studio 27', { ...SERIF, size: 27, fontWeight: 300, letterSpacing: -0.5, lineHeight: 30 })
+      k.textStyle('Kicker 8', { size: 8, fontWeight: 500, letterSpacing: 2.6, lineHeight: 11 })
+      k.textStyle('Teacher 13', { ...SERIF, size: 13, fontWeight: 400, lineHeight: 16 })
+      k.textStyle('Role 8', { size: 8, fontWeight: 500, letterSpacing: 1.4, lineHeight: 11 })
+      k.textStyle('Day 8', { size: 8, fontWeight: 600, letterSpacing: 1, lineHeight: 12 })
+      k.textStyle('Class 8.5', { size: 8.5, fontWeight: 400, lineHeight: 12 })
+      k.textStyle('Label 8', { size: 8, fontWeight: 600, letterSpacing: 0.6, lineHeight: 12 })
+      k.textStyle('Value 8.5', { size: 8.5, fontWeight: 400, lineHeight: 12 })
+      cardParts(k, { name: 'Teacher 13', title: 'Role 8', nameColor: 'text', titleColor: 'onPaper', label: 'Label 8', value: 'Value 8.5', labelColor: 'onPaper', valueColor: 'text', gap: 7, labelWidth: 9, personGap: 3 })
+      k.component('Class', { direction: 'HORIZONTAL', gap: 8, align: 'CENTER', props: { Day: 'MON', Time: '7.00', Class: 'Slow flow' } }, id => {
+        k.propText(id, 'Day', { style: 'Day 8', color: 'onPaper', width: 26 })
+        k.propText(id, 'Time', { style: 'Class 8.5', color: 'onPaper', width: 30 })
+        k.propText(id, 'Class', { style: 'Class 8.5', color: 'text', width: 'FILL' })
+      })
+    }, (k, { front, back, size }) => {
+      const { W, H, B } = size
+      // Front: the sun rising off the foot, the horizon, the name above in the open sand.
+      k.flowSheet(front, 10, { top: 64, right: 22, bottom: 24, left: 22 }, 'paper', 'MIN', 'CENTER')
+      const base = H + B
+      ;(['sun1', 'sun2', 'sun3', 'sun4'] as const).forEach((role, i) => art(k, front, W, H, B, [half(W / 2, base, 150 - i * 32)], role, { name: `Sun ${i + 1}` }))
+      art(k, front, W, H, B, [{ closed: true, points: [{ x: -B, y: H - 46 }, { x: W + B, y: H - 46 }, { x: W + B, y: H - 44.8 }, { x: -B, y: H - 44.8 }] }], 'paper', { name: 'Horizon' })
+      art(k, front, W, H, B, [0, 1, 2].map((i): VectorPath => ({ closed: true, points: [{ x: W / 2 - 50 + i * 12, y: H - 34 + i * 9 }, { x: W / 2 + 50 - i * 12, y: H - 34 + i * 9 }, { x: W / 2 + 50 - i * 12, y: H - 32.8 + i * 9 }, { x: W / 2 - 50 + i * 12, y: H - 32.8 + i * 9 }] })), 'paper', { name: 'Ripples' })
+      k.text(front, 'YOGA · BREATH · REST', { style: 'Kicker 8', color: 'onPaper', align: 'CENTER', width: 'FILL', name: 'Kicker' })
+      k.text(front, '{{brand.name}}', { style: 'Studio 27', color: 'text', align: 'CENTER', width: 'FILL', name: 'Studio' })
+
+      // Back: the week, then the teacher and her details.
+      k.flowSheet(back, 12, { top: 26, right: 22, bottom: 26, left: 22 }, 'paper', 'SPACE_BETWEEN', 'MIN')
+      const week = k.stack(back, { gap: 5, name: 'Week' })
+      k.text(week, 'THE WEEK', { style: 'Kicker 8', color: 'onPaper', width: 'FILL', name: 'Week title' })
+      k.rect(week, 'FILL', 0.75, 'accent', { name: 'Rule' })
+      for (const [d, t, c] of [['MON', '7.00', 'Slow flow'], ['TUE', '18.30', 'Vinyasa'], ['WED', '12.15', 'Lunch reset'], ['THU', '19.00', 'Yin & nidra'], ['SAT', '9.30', 'Beginners']] as const) k.instance(week, 'Class', { Day: d, Time: t, Class: c }, { width: 'FILL', name: 'Class' })
+      const who = k.stack(back, { gap: 10, name: 'Teacher' })
+      k.instance(who, 'Person', { Name: 'Isla Penrose', Title: 'TEACHER, 500 HR RYT' }, { name: 'Person' })
+      contactLines(k, who, ['T', 'E', 'W'], 1)
+    })
+    return k.finish()
+  },
+})

package/src/templates/print/printshop-flyer-charity-run.ts

@@ -0,0 +1,81 @@
+// A charity fun run's flyer with a race bib as its hero: on a bright ground of speed stripes, a bib pinned at a
+// tilt carries the run's name and a big number, the river route winds behind it as a dashed line with its
+// kilometre markers, and the date, the distances, the price and where to sign up sit below. The bib and the markers
+// are components. A4 and US Letter.
+
+import { Kit, preset } from '../kit'
+import { defineTemplate } from '../build'
+import { art, disc, sizes, stripes } from '../themes/printshop-shared'
+import { curve3 } from '../shared/draw'
+
+export default defineTemplate({
+  id: 'print-printshop-flyer-charity-run',
+  meta: {
+    name: 'Charity fun run flyer',
+    description: 'An energetic flyer for a charity 5K, fun run or sponsored walk: a race bib pinned at a tilt over speed stripes, the river route winding behind it with kilometre markers, then the date, distances, entry fee, what it raises and where to sign up. The bib and markers are components. A4 and US Letter',
+    category: 'flyer', tags: ['flyer', 'charity run', 'fun run', '5k', '10k', 'race', 'fundraiser', 'sponsored walk', 'hospice', 'sport', 'community', 'a4', 'letter', 'print'],
+    platforms: ['print'], formats: ['flyer', 'poster'], useCases: ['event', 'announcement'],
+    created: '2026-10-10', updated: '2026-10-10',
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit('Charity fun run flyer', preset('a4'))
+    k.quantizeGeometry = true
+    k.brand(
+      { paper: '#00A6A6', text: '#0B2E3A', onPaper: '#062029', primary: '#0B2E3A', onPrimary: '#FFFFFF', accent: '#D92B66', onAccent: '#FFFFFF', card: '#FFFFFF', onCard: '#0B2E3A' },
+      { name: 'Riverside 5K', tagline: 'for St Luke’s Hospice', website: 'riverside5k.org.uk', email: 'run@riverside5k.org.uk', phone: '0117 496 0408' },
+    )
+    k.palette({ speed: '#14B8B8', route: '#FFFFFF', pin: '#B8C4C8', hole: '#00A6A6' })
+    k.textStyle('Bib name 22', { size: 22, fontWeight: 900, letterSpacing: 1, lineHeight: 26 })
+    k.textStyle('Bib 150', { size: 150, fontWeight: 900, letterSpacing: -8, lineHeight: 140 })
+    k.textStyle('Bib small 14', { size: 14, fontWeight: 800, letterSpacing: 1.4, lineHeight: 18 })
+    k.textStyle('Date 44', { size: 44, fontWeight: 900, letterSpacing: -1.6, lineHeight: 46 })
+    k.textStyle('Body 20', { size: 20, fontWeight: 600, lineHeight: 28 })
+    k.textStyle('Fact 15', { size: 15, fontWeight: 900, letterSpacing: 1.6, lineHeight: 20 })
+    k.textStyle('Fact 26', { size: 26, fontWeight: 900, letterSpacing: -0.6, lineHeight: 30 })
+    k.textStyle('Marker 14', { size: 14, fontWeight: 900, lineHeight: 16 })
+    k.textStyle('Sign 30', { size: 30, fontWeight: 900, letterSpacing: -0.8, lineHeight: 34 })
+
+    k.component('Bib', { width: 440, gap: 0, radius: 16, fill: 'card', clip: true, props: { Event: 'RIVERSIDE 5K', Number: '427', Sponsor: 'FOR ST LUKE’S HOSPICE' } }, id => {
+      const top = k.stack(id, { padding: { top: 16, right: 24, bottom: 14, left: 24 }, fill: 'accent', name: 'Bib top' })
+      k.propText(top, 'Event', { style: 'Bib name 22', color: 'onAccent', width: 'FILL', align: 'CENTER' })
+      const body = k.stack(id, { padding: { top: 6, right: 24, bottom: 18, left: 24 }, gap: 0, align: 'CENTER', name: 'Bib body' })
+      k.propText(body, 'Number', { style: 'Bib 150', color: 'onCard', width: 'FILL', align: 'CENTER' })
+      k.propText(body, 'Sponsor', { style: 'Bib small 14', color: 'onCard', width: 'FILL', align: 'CENTER' })
+      for (const [x, y] of [[14, 64], [410, 64], [14, 266], [410, 266]] as const) k.ellipse(id, 16, 'hole', { name: 'Pin hole', absolute: { x, y } })
+    })
+    k.component('Marker', { width: 46, height: 46, radius: 23, fill: 'primary', justify: 'CENTER', align: 'CENTER', props: { Km: '1' } }, id => {
+      k.propText(id, 'Km', { style: 'Marker 14', color: 'onPrimary', autoWidth: true, align: 'CENTER' })
+    })
+    k.component('Fact', { width: 324, gap: 2, props: { Label: 'DISTANCES', Value: '5K run · 2K family walk' } }, id => {
+      k.propText(id, 'Label', { style: 'Fact 15', color: 'onPaper', width: 'FILL' })
+      k.propText(id, 'Value', { style: 'Fact 26', color: 'onPaper', width: 'FILL' })
+    })
+
+    sizes(k, ['a4', 'us-letter'], ({ sheet, W, H, B }) => {
+      const P = 60
+      k.flowSheet(sheet, 24, { top: 470, right: P, bottom: 56, left: P }, 'paper', 'MIN', 'MIN')
+      art(k, sheet, W, H, B, stripes(-B, -B, W + B, 470, 70, 26, -0.55), 'speed', { name: 'Speed stripes' })
+      // The route: a dashed river path from the top left, under the bib, to the finish at the right.
+      const route = curve3([{ x: -B, y: 90 }, { x: W * 0.3, y: 40 }, { x: W * 0.55, y: 150 }, { x: W * 0.25, y: 330 }, { x: W * 0.7, y: 420 }, { x: W + B, y: 360 }], 0.22)
+      const rid = art(k, sheet, W, H, B, [route], 'route', { name: 'Route', strokeWidth: 6 })
+      const n = k.node(rid) as unknown as { strokes: { dashPattern?: number[] }[] }
+      k.patch(rid, { strokes: n.strokes.map(s => ({ ...s, dashPattern: [14, 12] })) })
+      for (const [km, x, y] of [['1', W * 0.24, 22], ['3', W * 0.3, 300], ['5', W - 120, 360]] as const) k.instance(sheet, 'Marker', { Km: km === '5' ? 'FIN' : `${km}K` }, { name: 'Marker', absolute: { x, y } })
+      art(k, sheet, W, H, B, [disc(W - 97, 383, 30)], 'accent', { name: 'Finish ring', strokeWidth: 4 })
+      const bib = k.instance(sheet, 'Bib', { Event: '{{brand.name}}' }, { name: 'Bib', absolute: { x: W / 2 - 230, y: 120 } })
+      k.patch(bib, { rotation: 6 })
+
+      k.text(sheet, 'SUNDAY 26 APRIL · 9:30 AM', { style: 'Date 44', color: 'onPaper', width: 'FILL', name: 'Date' })
+      k.text(sheet, 'Run, jog or push a buggy along the river from Castle Park to the Ferry Steps, and help keep St Luke’s beds open for local families.', { style: 'Body 20', color: 'onPaper', width: 'FILL', name: 'About' })
+      const facts = k.stack(sheet, { direction: 'HORIZONTAL', gap: 26, wrap: true, name: 'Facts' })
+      for (const [l, v] of [['DISTANCES', '5K run · 2K family walk'], ['ENTRY', '£15 · under-16s free'], ['EVERY RUNNER GETS', 'A medal and a hot cross bun'], ['THE ROUTE', 'Flat, traffic-free, buggy-friendly']] as const) { const f = k.instance(facts, 'Fact', { Label: l, Value: v }, { name: 'Fact' }); k.patch(f, { width: (W - P * 2 - 26) / 2 }) }
+      k.text(sheet, 'Last year 640 of you raised £18,420: ninety-two nights of hospice care at home.', { style: 'Body 20', color: 'onPaper', width: 'FILL', name: 'Last year' })
+      const sp = k.stack(sheet, { name: 'Space' }); k.patch(sp, { layoutSizingVertical: 'FILL' })
+      const sign = k.stack(sheet, { gap: 2, padding: { top: 18, right: 26, bottom: 20, left: 26 }, fill: 'primary', radius: 14, name: 'Sign up' })
+      k.text(sign, 'SIGN UP BY 12 APRIL', { style: 'Fact 15', color: 'onPrimary', width: 'FILL', name: 'Sign title' })
+      k.text(sign, '{{brand.website}}', { style: 'Sign 30', color: 'onPrimary', width: 'FILL', name: 'Website' })
+    })
+    return k.finish()
+  },
+})

package/src/templates/print/printshop-flyer-farmers-market.ts

@@ -0,0 +1,81 @@
+// A farmers' market flyer like a greengrocer's chalk-and-kraft sign: a kraft-paper ground with a harvest of
+// tomatoes, carrots, beetroot and pea pods spilling in from the top edge, the market's name in a heavy serif, every
+// Saturday's hours on a stamped tag, what is on the stalls by the season, and how to get there. A5.
+
+import { Kit, preset } from '../kit'
+import { defineTemplate } from '../build'
+import { art, disc, leaf, sizes } from '../themes/printshop-shared'
+import { SERIF } from '../shared/type'
+import { pt3 } from '../shared/draw'
+import type { VectorPath } from '@/lib/document/types'
+
+/** A carrot: a long tapering root from (x, y) pointing `deg`, and its fronds. */
+function carrot(x: number, y: number, len: number, deg: number): { root: VectorPath; tops: VectorPath[] } {
+  const a = deg * Math.PI / 180, w = len * 0.18
+  const p = (u: number, v: number) => pt3(x + u * Math.cos(a) - v * Math.sin(a), y + u * Math.sin(a) + v * Math.cos(a))
+  return { root: { closed: true, points: [p(0, -w), { ...p(len, 0), handleIn: p(len * 0.6, -w * 0.6), handleOut: p(len * 0.6, w * 0.6) }, p(0, w)] }, tops: [-30, 0, 30].map(t => leaf(p(0, 0).x, p(0, 0).y, len * 0.45, len * 0.12, deg + 180 + t)) }
+}
+
+export default defineTemplate({
+  id: 'print-printshop-flyer-farmers-market',
+  meta: {
+    name: 'Farmers market flyer',
+    description: 'A farmers’ market flyer like a greengrocer’s sign: tomatoes, carrots, beetroot and pea pods spill in from the top of a kraft-paper ground, the market’s name in a heavy serif, Saturday’s hours on a stamped tag, what is on the stalls this season and how to get there. Seasons are components to retype. A5',
+    category: 'flyer', tags: ['flyer', 'farmers market', 'market', 'produce', 'local food', 'organic', 'harvest', 'vegetables', 'community', 'illustrated', 'a5', 'print'],
+    platforms: ['print'], formats: ['flyer'], useCases: ['event', 'announcement'],
+    created: '2026-10-10', updated: '2026-10-10',
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit('Farmers market flyer', preset('a5'))
+    k.quantizeGeometry = true
+    k.brand(
+      { paper: '#E9D9B8', text: '#2E2418', onPaper: '#4E4030', primary: '#2F5233', onPrimary: '#F6EEDC', accent: '#C8442B', onAccent: '#FFF6E8', card: '#F6EEDC', onCard: '#2E2418' },
+      { name: 'Frome Green Market', tagline: 'Grown within 30 miles', address: 'The Green, Frome BA11 1AA', website: 'fromegreenmarket.org' },
+    )
+    k.palette({ tomato: '#D2412B', tomatoLight: '#E9694F', stalk: '#3E7B3A', carrot: '#E98A2B', beet: '#7A1F45', beetLeaf: '#4E8A3E', pea: '#7CB342', peaDark: '#4E8A2E', crate: '#B98A55', crateDark: '#8E6538' })
+    k.textStyle('Title 52', { ...SERIF, size: 52, fontWeight: 800, letterSpacing: -1.6, lineHeight: 50 })
+    k.textStyle('Kicker 11', { size: 11, fontWeight: 800, letterSpacing: 2.4, lineHeight: 14 })
+    k.textStyle('Tag 22', { size: 22, fontWeight: 900, letterSpacing: -0.4, lineHeight: 26 })
+    k.textStyle('Tag 12', { size: 12, fontWeight: 700, lineHeight: 16 })
+    k.textStyle('Season 11', { size: 11, fontWeight: 900, letterSpacing: 1.4, lineHeight: 14 })
+    k.textStyle('Body 12', { size: 12, fontWeight: 500, lineHeight: 17 })
+    k.textStyle('Foot 11', { size: 11, fontWeight: 700, lineHeight: 15 })
+
+    k.component('In season', { width: 238, gap: 3, padding: 12, radius: 8, fill: 'card', props: { Season: 'NOW, IN AUTUMN', Produce: 'Squash, apples, kale, chestnuts, wild mushrooms, new-season cider.' } }, id => {
+      k.propText(id, 'Season', { style: 'Season 11', color: 'onCard', width: 'FILL' })
+      k.propText(id, 'Produce', { style: 'Body 12', color: 'onCard', width: 'FILL' })
+    })
+
+    sizes(k, ['a5'], ({ sheet, W, H, B }) => {
+      const P = 36
+      k.flowSheet(sheet, 14, { top: 276, right: P, bottom: 32, left: P }, 'paper', 'MIN', 'MIN')
+      // The crate's edge across the top, the harvest tumbling over it.
+      art(k, sheet, W, H, B, [{ closed: true, points: [pt3(-B, -B), pt3(W + B, -B), pt3(W + B, 150), pt3(-B, 165)] }], 'crate', { name: 'Crate' })
+      art(k, sheet, W, H, B, [0, 1, 2].map((i): VectorPath => ({ closed: true, points: [pt3(-B, 40 + i * 42), pt3(W + B, 34 + i * 40), pt3(W + B, 38 + i * 40), pt3(-B, 44 + i * 42)] })), 'crateDark', { name: 'Crate slats' })
+      const carrots = [carrot(W * 0.1, 150, 120, 70), carrot(W * 0.18, 140, 100, 95), carrot(W * 0.8, 160, 110, 105)]
+      art(k, sheet, W, H, B, carrots.flatMap(c => c.tops), 'stalk', { name: 'Carrot tops' })
+      art(k, sheet, W, H, B, carrots.map(c => c.root), 'carrot', { name: 'Carrots' })
+      const tomatoes = [[W * 0.42, 170, 44], [W * 0.58, 186, 38], [W * 0.5, 130, 34], [W * 0.95, 140, 40]] as const
+      art(k, sheet, W, H, B, tomatoes.map(([x, y, r]) => disc(x, y, r)), 'tomato', { name: 'Tomatoes' })
+      art(k, sheet, W, H, B, tomatoes.map(([x, y, r]) => disc(x - r * 0.35, y - r * 0.35, r * 0.25)), 'tomatoLight', { name: 'Tomato shine' })
+      art(k, sheet, W, H, B, tomatoes.flatMap(([x, y, r]) => [0, 72, 144, 216, 288].map(t => leaf(x, y - r * 0.85, r * 0.5, r * 0.22, t - 90))), 'stalk', { name: 'Tomato stalks' })
+      art(k, sheet, W, H, B, [disc(W * 0.28, 200, 34), disc(W * 0.7, 210, 30)], 'beet', { name: 'Beetroot' })
+      art(k, sheet, W, H, B, [leaf(W * 0.28, 170, 60, 30, -110), leaf(W * 0.28, 170, 54, 26, -70), leaf(W * 0.7, 184, 50, 24, -100)], 'beetLeaf', { name: 'Beet leaves' })
+      art(k, sheet, W, H, B, [leaf(W * 0.06, 222, 90, 30, -12), leaf(W * 0.86, 236, 80, 26, 190)], 'pea', { name: 'Pea pods' })
+      art(k, sheet, W, H, B, [0, 1, 2, 3].map(i => disc(W * 0.06 + 18 + i * 18, 220 - i * 3.8, 6)), 'peaDark', { name: 'Peas' })
+
+      k.text(sheet, 'EVERY SATURDAY · RAIN OR SHINE', { style: 'Kicker 11', color: 'onPaper', width: 'FILL', name: 'Kicker' })
+      k.text(sheet, '{{brand.name}}', { style: 'Title 52', color: 'text', width: 'FILL', name: 'Market' })
+      const tag = k.stack(sheet, { gap: 1, padding: { top: 12, right: 18, bottom: 12, left: 18 }, fill: 'accent', radius: 6, width: 'HUG', name: 'Hours tag' })
+      k.text(tag, '8 am – 1 pm', { style: 'Tag 22', color: 'onAccent', autoWidth: true, name: 'Hours' })
+      k.text(tag, '40 stalls, all grown or made within 30 miles', { style: 'Tag 12', color: 'onAccent', autoWidth: true, name: 'Stalls' })
+      const seasons = k.stack(sheet, { direction: 'HORIZONTAL', gap: 10, name: 'Seasons' })
+      for (const [s, p] of [['NOW, IN AUTUMN', 'Squash, apples, kale, chestnuts, wild mushrooms, new-season cider.'], ['EVERY WEEK', 'Sourdough, raw-milk cheese, eggs, flowers, coffee and hot pies.']] as const) { const i = k.instance(seasons, 'In season', { Season: s, Produce: p }, { name: 'In season' }); k.patch(i, { layoutSizingHorizontal: 'FILL' }) }
+      const sp = k.stack(sheet, { name: 'Space' }); k.patch(sp, { layoutSizingVertical: 'FILL' })
+      k.rect(sheet, 'FILL', 2, 'text', { name: 'Rule' })
+      k.text(sheet, '{{brand.address}} · free parking at Cattle Market · bring a bag, we are plastic-free', { style: 'Foot 11', color: 'text', width: 'FILL', name: 'Where' })
+    })
+    return k.finish()
+  },
+})