@popcraft/kit 0.25.0 → 0.26.0

package/src/templates/print/holidays-new-years-eve-poster.ts

@@ -0,0 +1,117 @@
+// A poster for a New Year's Eve dance at a neighbourhood ballroom, in black and gold with a little Art Deco: fireworks
+// burst in gold, rose and silver across the top, "Midnight" is set huge in a serif italic over "at the Marlowe" in
+// spaced capitals, three facts sit in a row (doors, the toast, last dance), and two coupes clink at the foot over a
+// sunburst that rises from below the trim. 18 × 24 inches for the window and the noticeboard, with an eighth of an
+// inch of bleed, and a US Letter flyer of the same design, its drawing worked out again at that size.
+
+import { Kit, preset } from '../kit'
+import { defineTemplate } from '../build'
+import { SERIF } from '../shared/type'
+import type { VectorPath } from '@/lib/document/types'
+import { burst, coupe, disc, draw, flourishComponent, polyP, printVariant, sparkle, specksIn, type Drawn } from '../themes/holidays-shared'
+
+const NAME = 'New Year’s Eve dance poster'
+
+function art(w: number, h: number): Drawn[] {
+  const s = w / 1728, B = 12 * s * 2
+  const fw = [[0.2, 0.11, 0.15, 'gold', 22], [0.74, 0.09, 0.19, 'rose', 26], [0.48, 0.17, 0.08, 'silver', 16], [0.92, 0.19, 0.065, 'gold', 14], [0.07, 0.2, 0.06, 'silver', 12]] as const
+  const bursts = fw.map(([x, y, r, c, n], i) => ({ c, b: burst(w * x, h * y, w * r, n, 11 + i) }))
+  const by = (c: string) => bursts.filter(b => b.c === c).map(b => b.b)
+  // A sunburst rising from below the foot.
+  const cx = w / 2, oy = h + 40 * s
+  const rays: VectorPath[] = []
+  for (let i = 0; i < 26; i += 2) {
+    const a0 = Math.PI + (i * Math.PI) / 26, a1 = Math.PI + ((i + 1) * Math.PI) / 26, R = h * 0.36
+    rays.push(polyP([{ x: cx, y: oy }, { x: cx + Math.cos(a0) * R, y: oy + Math.sin(a0) * R }, { x: cx + Math.cos(a1) * R, y: oy + Math.sin(a1) * R }]))
+  }
+  const left = coupe(cx - 250 * s, h - 70 * s, 400 * s, 0.26), right = coupe(cx + 250 * s, h - 70 * s, 400 * s, -0.26)
+  const bubbles = [[-40, 420], [-10, 455], [30, 440], [60, 470], [5, 395], [-70, 445], [90, 420], [-20, 375]].map(([x, y], i) => disc(cx + x * s, h - y * s, (i % 3 ? 5 : 8) * s))
+  const fizz = [[-90, 466, 20], [110, 450, 24], [-480, 300, 16], [490, 330, 18]].map(([x, y, r]) => sparkle(cx + x * s, h - y * s, r * s))
+  return [
+    { name: 'Sunburst', paths: rays, color: 'gold', o: { opacity: 0.07 } },
+    ...[0, 1].map(i => ({ name: 'Stardust', paths: specksIn({ x: -B, y: -B + i * h * 0.13, w: w + 2 * B, h: h * 0.13 }, 1400 * s * s, 70 + i, 4 * s), color: 'silver', o: { opacity: 0.5 } })),
+    { name: 'Gold rays', paths: by('gold').flatMap(b => b.rays), color: 'gold', o: { strokeWidth: 5 * s } },
+    { name: 'Gold sparks', paths: by('gold').flatMap(b => b.sparks), color: 'gold' },
+    { name: 'Rose rays', paths: by('rose').flatMap(b => b.rays), color: 'rose', o: { strokeWidth: 5 * s } },
+    { name: 'Rose sparks', paths: by('rose').flatMap(b => b.sparks), color: 'rose' },
+    { name: 'Silver rays', paths: by('silver').flatMap(b => b.rays), color: 'silver', o: { strokeWidth: 4 * s } },
+    { name: 'Silver sparks', paths: by('silver').flatMap(b => b.sparks), color: 'silver' },
+    { name: 'Wine', paths: [...left.wine, ...right.wine], color: 'gold', o: { opacity: 0.85 } },
+    { name: 'Glasses', paths: [...left.glass, ...right.glass], color: 'silver', o: { strokeWidth: 6 * s } },
+    { name: 'Bubbles', paths: bubbles, color: 'gold' },
+    { name: 'Fizz', paths: fizz, color: 'gold' },
+  ]
+}
+
+const PAD = { top: 720, right: 140, bottom: 560, left: 140 }
+
+export default defineTemplate({
+  id: 'print-holidays-new-years-eve-poster',
+  meta: {
+    name: NAME,
+    description: 'A black-and-gold poster for a New Year’s Eve dance at a neighbourhood ballroom: fireworks in gold, rose and silver, “Midnight” set huge in a serif italic over spaced capitals, doors, the toast and the last dance in a row, and two clinking coupes over an Art Deco sunburst. 18 × 24 inches with bleed, and a US Letter flyer',
+    category: 'poster', tags: ['new year’s eve', 'new year', 'nye', 'party', 'dance', 'ballroom', 'fireworks', 'champagne', 'art deco', 'gold', 'poster', 'flyer', 'print', 'event'],
+    platforms: ['print'], formats: ['poster', 'flyer'], useCases: ['event', 'announcement'],
+    created: '2026-10-10', updated: '2026-10-10',
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset('poster-18x24'))
+    k.quantizeGeometry = true
+    k.brand(
+      { paper: '#0F0E14', text: '#F7EDD6', onPaper: '#D9B66C', primary: '#D9B66C', onPrimary: '#0F0E14' },
+      { name: 'The Marlowe Ballroom', site: 'marloweballroom.com' },
+    )
+    k.palette({ gold: '#D9B66C', rose: '#E8939F', silver: '#CBD3E4' })
+    k.textStyle('Kicker 40', { size: 40, fontWeight: 600, letterSpacing: 12, lineHeight: 52 })
+    k.textStyle('Title 300', { ...SERIF, size: 300, fontWeight: 400, fontStyle: 'italic', letterSpacing: -9, lineHeight: 290 })
+    k.textStyle('Sub 76', { size: 76, fontWeight: 300, letterSpacing: 22, lineHeight: 92 })
+    k.textStyle('Line 46', { ...SERIF, size: 46, fontWeight: 400, lineHeight: 62 })
+    k.textStyle('Fact label 26', { size: 26, fontWeight: 700, letterSpacing: 6, lineHeight: 34 })
+    k.textStyle('Fact 56', { ...SERIF, size: 56, fontWeight: 600, lineHeight: 64 })
+    k.textStyle('Foot 34', { size: 34, fontWeight: 600, letterSpacing: 4, lineHeight: 44 })
+
+    flourishComponent(k, 'Diamond rule', 'primary', polyP([{ x: 0, y: 6 }, { x: 6, y: 0 }, { x: 12, y: 6 }, { x: 6, y: 12 }]), { rule: 120, size: 22, gap: 18 })
+
+    const sheet = k.sheet
+    const { width: W, height: H } = k.node(sheet)
+    k.flowSheet(sheet, 0, PAD, 'paper', 'MIN', 'CENTER')
+    draw(k, sheet, art(W, H))
+    const c = { align: 'CENTER' as const, width: 'FILL' as const }
+    k.text(sheet, 'NEW YEAR’S EVE · THURSDAY 31 DECEMBER', { style: 'Kicker 40', color: 'onPaper', ...c, name: 'Kicker' })
+    k.stack(sheet, { height: 40, name: 'Gap' })
+    k.text(sheet, 'Midnight', { style: 'Title 300', color: 'text', ...c, name: 'Title' })
+    k.text(sheet, 'AT THE MARLOWE', { style: 'Sub 76', color: 'text', ...c, name: 'Sub' })
+    k.stack(sheet, { height: 60, name: 'Gap' })
+    k.instance(sheet, 'Diamond rule', {}, { name: 'Divider' })
+    k.stack(sheet, { height: 60, name: 'Gap' })
+    k.text(sheet, 'Live swing from the Dellwood Seven, a dance floor that stays open till one, a midnight toast and a balloon drop. Black tie optional, dancing shoes essential.', { style: 'Line 46', color: 'text', ...c, name: 'Body' })
+    k.stack(sheet, { height: 70, name: 'Gap' })
+    const facts = k.stack(sheet, { direction: 'HORIZONTAL', gap: 40, width: 'HUG', name: 'Facts' })
+    for (const [l, v] of [['DOORS', '8 pm'], ['THE TOAST', 'Midnight'], ['TICKETS', '$45 · $25']]) {
+      const f = k.stack(facts, { gap: 6, width: 380, align: 'CENTER', name: 'Fact' })
+      k.text(f, l, { style: 'Fact label 26', color: 'onPaper', align: 'CENTER', width: 'FILL', name: 'Fact label' })
+      k.text(f, v, { style: 'Fact 56', color: 'text', align: 'CENTER', width: 'FILL', name: 'Fact value' })
+    }
+    k.stack(sheet, { height: 70, name: 'Gap' })
+    k.text(sheet, '{{brand.name}} · 214 Front Street · {{brand.site}}', { style: 'Foot 34', color: 'onPaper', ...c, name: 'Foot' })
+
+    k.textStyle('Kicker 19', { size: 19, fontWeight: 600, letterSpacing: 5.6, lineHeight: 25 })
+    k.textStyle('Title 140', { ...SERIF, size: 122, fontWeight: 400, fontStyle: 'italic', letterSpacing: -3.6, lineHeight: 116 })
+    k.textStyle('Sub 36', { size: 36, fontWeight: 300, letterSpacing: 10, lineHeight: 44 })
+    k.textStyle('Line 21', { ...SERIF, size: 21, fontWeight: 400, lineHeight: 29 })
+    k.textStyle('Foot 16', { size: 16, fontWeight: 600, letterSpacing: 1.8, lineHeight: 21 })
+    k.textStyle('Fact label 12', { size: 12, fontWeight: 700, letterSpacing: 2.8, lineHeight: 16 })
+    k.textStyle('Fact 26', { ...SERIF, size: 26, fontWeight: 600, lineHeight: 30 })
+    k.variants(sheet, [printVariant('us-letter', {
+      art, pad: PAD, masterWidth: W,
+      styles: [['Kicker', 'Kicker 19'], ['Title', 'Title 140'], ['Sub', 'Sub 36'], ['Body', 'Line 21'], ['Foot', 'Foot 16'], ['Fact label', 'Fact label 12'], ['Fact value', 'Fact 26']],
+      more: (kit, id, s) => {
+        kit.patch(id, { padding: { top: 280, right: Math.round(140 * s), bottom: Math.round(560 * s), left: Math.round(140 * s) } })
+        for (const n of kit.named(id, 'Fact')) kit.patch(n, { width: Math.round(380 * s) })
+        for (const n of kit.named(id, 'Facts')) kit.patch(n, { itemSpacing: Math.round(40 * s) })
+      },
+    })])
+    return k.finish()
+  },
+})

package/src/templates/print/holidays-thanksgiving-dinner-menu.ts

@@ -0,0 +1,110 @@
+// A menu card for a family Thanksgiving dinner, to stand at each place: a half-wreath of autumn leaves (maple, oak,
+// wheat and acorns in rust, gold and olive) arches over the top of a warm cream card, the family's name and the date
+// sit inside it, and the meal follows course by course in a serif with small-capital headings, ending on a line of
+// thanks. 5 × 7 inches with the leaves running into the bleed. 
+
+import { Kit, preset } from '../kit'
+import { defineTemplate } from '../build'
+import { SERIF } from '../shared/type'
+import { acorn, draw, flourishComponent, leaf, maple, mapleVeins, pumpkin, wheat, type Drawn } from '../themes/holidays-shared'
+
+const NAME = 'Thanksgiving dinner menu'
+const PAD = { top: 266, right: 52, bottom: 36, left: 52 }
+
+const MENU = [
+  ['TO START', 'Butternut squash soup with toasted pepitas\nGrandma Mai’s spring rolls'],
+  ['THE TABLE', 'Herb-roasted turkey and gravy\nCornbread and sausage stuffing'],
+  ['ON THE SIDE', 'Garlic mashed potatoes · Green beans with crispy shallots\nCranberry-orange relish · Parker House rolls'],
+  ['SOMETHING SWEET', 'Pumpkin pie and pecan pie, with whipped cream'],
+] as const
+
+function art(w: number, h: number): Drawn[] {
+  const s = w / 480, cx = w / 2, cy = 200 * s, R = 178 * s
+  const leaves: { m: Drawn['paths']; v: Drawn['paths'] }[] = []
+  const golds: Drawn['paths'] = [], olives: Drawn['paths'] = [], rusts: Drawn['paths'] = [], wheatS: Drawn['paths'] = [], wheatG: Drawn['paths'] = [], nuts: Drawn['paths'] = [], caps: Drawn['paths'] = []
+  // Round the top half of a circle, from left to right: maple leaves in two tones, pointed leaves, wheat and acorns.
+  const n = 21
+  for (let i = 0; i < n; i++) {
+    const a = Math.PI * 0.96 + (i * Math.PI * 1.08) / (n - 1), x = cx + Math.cos(a) * R, y = cy + Math.sin(a) * R * 0.92
+    const turn = a + Math.PI / 2 + (i % 2 ? 0.45 : -0.45)
+    const kind = i % 4
+    if (kind === 0) { rusts.push(...maple(x, y, 62 * s, turn)); leaves.push({ m: [], v: mapleVeins(x, y, 62 * s, turn) }) }
+    else if (kind === 2) { golds.push(...maple(x, y, 50 * s, turn + 0.5)); leaves.push({ m: [], v: mapleVeins(x, y, 50 * s, turn + 0.5) }) }
+    else if (kind === 1) { const wh = wheat(x, y + 26 * s, 70 * s, Math.cos(a) * 0.35); wheatS.push(...wh.stalk); wheatG.push(...wh.grains) }
+    else { olives.push(leaf({ x, y }, 46 * s, 18 * s, a + 0.9), leaf({ x, y }, 40 * s, 16 * s, a - 0.9)) }
+    if (i % 5 === 2) { const ac = acorn(x - Math.cos(a) * 30 * s, y - Math.sin(a) * 30 * s, 26 * s, turn); nuts.push(...ac.nut); caps.push(...ac.cap) }
+    olives.push(leaf({ x, y }, 34 * s, 13 * s, a + Math.PI + (i % 2 ? 0.7 : -0.7)))
+  }
+  // A pumpkin and a gourd sit inside the arch.
+  const pk = pumpkin(cx - 14 * s, 186 * s, 96 * s, 70 * s), gd = pumpkin(cx + 50 * s, 186 * s, 54 * s, 40 * s)
+  const sprigs = [leaf({ x: cx - 50 * s, y: 182 * s }, 46 * s, 18 * s, Math.PI + 0.3), leaf({ x: cx + 74 * s, y: 182 * s }, 40 * s, 16 * s, -0.25)]
+  return [
+    { name: 'Centre leaves', paths: sprigs, color: 'olive' },
+    { name: 'Centre pumpkin', paths: pk.lobes, color: 'rust' },
+    { name: 'Centre gourd', paths: gd.lobes, color: 'mustard' },
+    { name: 'Centre creases', paths: [...pk.creases, ...gd.creases], color: 'rustDeep', o: { strokeWidth: 1.4 * s } },
+    { name: 'Centre stems', paths: [...pk.stem, ...gd.stem], color: 'bark' },
+    { name: 'Olive leaves', paths: olives, color: 'olive' },
+    { name: 'Wheat stalks', paths: wheatS, color: 'gold', o: { strokeWidth: 1.6 * s } },
+    { name: 'Wheat', paths: wheatG, color: 'gold' },
+    { name: 'Gold maples', paths: golds, color: 'mustard' },
+    { name: 'Maple leaves', paths: rusts, color: 'rust' },
+    { name: 'Maple veins', paths: leaves.flatMap(l => l.v), color: 'rustDeep', o: { strokeWidth: 1.2 * s } },
+    { name: 'Acorns', paths: nuts, color: 'acorn' },
+    { name: 'Acorn caps', paths: caps, color: 'bark' },
+  ]
+}
+
+export default defineTemplate({
+  id: 'print-holidays-thanksgiving-dinner-menu',
+  meta: {
+    name: NAME,
+    description: 'A menu card for a family Thanksgiving dinner: a half-wreath of maple and oak leaves, wheat and acorns in rust, gold and olive arches over the family’s name and the date, then the meal course by course in a serif with small-capital headings and a line of thanks. 5 × 7 inches with bleed',
+    category: 'menu', tags: ['thanksgiving', 'menu', 'dinner', 'family', 'autumn', 'fall', 'harvest', 'leaves', 'wreath', 'friendsgiving', 'place setting', 'print', 'card'],
+    platforms: ['print'], formats: ['card'], useCases: ['menu', 'event'],
+    created: '2026-10-10', updated: '2026-10-10',
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset('invitation-5x7'))
+    k.quantizeGeometry = true
+    k.brand(
+      { paper: '#FBF4E7', text: '#3B2416', onPaper: '#8A4B24', primary: '#A8481F', onPrimary: '#FFF8EE', line: '#E2CDB0' },
+      { name: 'the Nguyen family' },
+    )
+    k.palette({ rust: '#B4512A', rustDeep: '#7E3216', mustard: '#D69A2D', gold: '#C9A04A', olive: '#7C8A4A', acorn: '#A86F3D', bark: '#5E3F26' })
+    k.textStyle('Kicker 10', { size: 10, fontWeight: 700, letterSpacing: 3, lineHeight: 14 })
+    k.textStyle('Title 40', { ...SERIF, size: 40, fontWeight: 600, fontStyle: 'italic', letterSpacing: -0.8, lineHeight: 42 })
+    k.textStyle('Host 13', { ...SERIF, size: 13, fontWeight: 400, lineHeight: 18 })
+    k.textStyle('Course 9', { size: 9, fontWeight: 800, letterSpacing: 2.6, lineHeight: 12 })
+    k.textStyle('Dish 12.5', { ...SERIF, size: 12.5, fontWeight: 400, lineHeight: 18 })
+    k.textStyle('Thanks 12', { ...SERIF, size: 12, fontWeight: 400, fontStyle: 'italic', lineHeight: 17 })
+
+    k.component('Course', { gap: 4, width: 376, align: 'CENTER', props: { Course: 'COURSE', Dishes: 'What we are eating' } }, id => {
+      k.propText(id, 'Course', { style: 'Course 9', color: 'onPaper', align: 'CENTER', width: 'FILL', name: 'Course name' })
+      k.propText(id, 'Dishes', { style: 'Dish 12.5', color: 'text', align: 'CENTER', width: 'FILL', name: 'Dishes' })
+    })
+    flourishComponent(k, 'Leaf rule', 'primary', maple(0, 0, 20)[0], { rule: 34, size: 11 })
+
+    const sheet = k.sheet
+    const { width: W, height: H } = k.node(sheet)
+    k.flowSheet(sheet, 0, PAD, 'paper', 'MIN', 'CENTER')
+    draw(k, sheet, art(W, H))
+    const c = { align: 'CENTER' as const, width: 'FILL' as const }
+    k.text(sheet, 'THURSDAY 26 NOVEMBER', { style: 'Kicker 10', color: 'onPaper', ...c, name: 'Kicker' })
+    k.stack(sheet, { height: 6, name: 'Gap' })
+    k.text(sheet, 'Thanksgiving', { style: 'Title 40', color: 'text', ...c, name: 'Title' })
+    k.text(sheet, 'at the table of {{brand.name}}', { style: 'Host 13', color: 'onPaper', ...c, name: 'Host' })
+    k.stack(sheet, { height: 12, name: 'Gap' })
+    for (const [i, [course, dishes]] of MENU.entries()) {
+      k.instance(sheet, 'Course', { Course: course, Dishes: dishes }, { name: 'Course', width: 'FILL' })
+      if (i < MENU.length - 1) k.stack(sheet, { height: 9, name: 'Gap' })
+    }
+    k.stack(sheet, { height: 16, name: 'Gap' })
+    k.instance(sheet, 'Leaf rule', {}, { name: 'Divider' })
+    k.stack(sheet, { height: 10, name: 'Gap' })
+    k.text(sheet, 'For the hands that made it and the people round it, we give thanks.', { style: 'Thanks 12', color: 'onPaper', ...c, name: 'Thanks' })
+
+    return k.finish()
+  },
+})

package/src/templates/print/holidays-thanksgiving-place-cards.ts

@@ -0,0 +1,80 @@
+// Six folding place cards for the Thanksgiving table on one sheet: cut each card out along the solid line, fold it on
+// the dashed line, and it stands up with the guest's name in a serif italic on the front and a few autumn leaves on
+// the back. Each card is an instance of one component, so a guest's name is typed once and a colour change reaches all
+// six. US Letter on card stock, with the warm ground running into the bleed and the cut and fold lines marked, and an
+// A4 copy.
+
+import { Kit, preset } from '../kit'
+import { defineTemplate } from '../build'
+import { SERIF } from '../shared/type'
+import { acorn, draw, leaf, maple, mapleVeins, printVariant, seg, specksIn, type Drawn } from '../themes/holidays-shared'
+
+const NAME = 'Thanksgiving place cards'
+const CW = 336, CH = 288
+const PAD = { top: 42, right: 72, bottom: 34, left: 72 }
+
+/** The leaves on a card: a spray on its back half (upside down, as it will stand) and a sprig by the name. */
+function cardArt(): Drawn[] {
+  const back = [maple(CW * 0.3, 70, 54, Math.PI + 0.3), maple(CW * 0.7, 76, 46, Math.PI - 0.5)].flat()
+  const veins = [...mapleVeins(CW * 0.3, 70, 54, Math.PI + 0.3), ...mapleVeins(CW * 0.7, 76, 46, Math.PI - 0.5)]
+  const oaks = [leaf({ x: CW * 0.5, y: 100 }, 50, 20, -Math.PI / 2 - 0.5), leaf({ x: CW * 0.5, y: 100 }, 46, 18, -Math.PI / 2 + 0.6), leaf({ x: CW * 0.5, y: 100 }, 40, 16, Math.PI / 2 + 0.3)]
+  const ac = acorn(CW * 0.52, 50, 26, Math.PI)
+  const front = [maple(CW / 2, 182, 30, 0.2)].flat()
+  return [
+    { name: 'Back oak', paths: oaks, color: 'mustard' },
+    { name: 'Back maple', paths: back, color: 'rust' },
+    { name: 'Back veins', paths: veins, color: 'rustDeep', o: { strokeWidth: 1 } },
+    { name: 'Back acorn', paths: ac.nut, color: 'acorn' },
+    { name: 'Back acorn cap', paths: ac.cap, color: 'bark' },
+    { name: 'Fold', paths: [seg({ x: 0, y: CH / 2 }, { x: CW, y: CH / 2 })], color: 'line', o: { stroke: { color: 'line', width: 1, dash: [6, 5] } } as never },
+    { name: 'Front leaf', paths: front, color: 'rust' },
+  ]
+}
+
+function ground(w: number, h: number): Drawn[] {
+  const B = 12
+  return [0, 1, 2].map(i => ({ name: 'Fibre', paths: specksIn({ x: -B, y: -B + ((h + 2 * B) * i) / 3, w: w + 2 * B, h: (h + 2 * B) / 3 }, 500, 80 + i, 1.8), color: 'fibre', o: { opacity: 0.4 } }))
+}
+
+export default defineTemplate({
+  id: 'print-holidays-thanksgiving-place-cards',
+  meta: {
+    name: NAME,
+    description: 'Six folding place cards for the Thanksgiving table on one sheet: cut along the solid line, fold on the dashed one, and each stands with the guest’s name in a serif italic on the front and autumn leaves on the back. One component, so a colour change reaches all six. US Letter on card with bleed, cut and fold lines marked, and an A4 copy',
+    category: 'menu', tags: ['thanksgiving', 'place cards', 'name cards', 'tent cards', 'table setting', 'dinner', 'friendsgiving', 'autumn', 'fall', 'leaves', 'printable', 'diy', 'print'],
+    platforms: ['print'], formats: ['card'], useCases: ['event'],
+    created: '2026-10-10', updated: '2026-10-10',
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset('us-letter'))
+    k.quantizeGeometry = true
+    k.brand(
+      { paper: '#EFE3CF', text: '#3B2416', onPaper: '#6E4A2E', primary: '#A8481F', onPrimary: '#FFF8EE', card: '#FFFAF1', onCard: '#3B2416', line: '#B79C7C' },
+      { name: 'Thanksgiving 2026' },
+    )
+    k.palette({ rust: '#B4512A', rustDeep: '#7E3216', mustard: '#D69A2D', acorn: '#A86F3D', bark: '#5E3F26', fibre: '#A88A64' })
+    k.textStyle('Head 26', { ...SERIF, size: 26, fontWeight: 600, fontStyle: 'italic', lineHeight: 30 })
+    k.textStyle('Note 11', { size: 11, fontWeight: 500, lineHeight: 16 })
+    k.textStyle('Guest 32', { ...SERIF, size: 32, fontWeight: 500, fontStyle: 'italic', letterSpacing: -0.4, lineHeight: 36 })
+    k.textStyle('Card note 8', { size: 8.5, fontWeight: 700, letterSpacing: 2.2, lineHeight: 12 })
+
+    k.component('Place card', { width: CW, height: CH, fill: 'card', stroke: { color: 'line', width: 1 }, padding: { top: 206, right: 20, bottom: 20, left: 20 }, gap: 4, align: 'CENTER', props: { Name: 'Guest', Note: 'GRATEFUL FOR YOU' } }, id => {
+      draw(k, id, cardArt())
+      k.propText(id, 'Name', { style: 'Guest 32', color: 'onCard', align: 'CENTER', width: 'FILL', name: 'Guest name' })
+      k.propText(id, 'Note', { style: 'Card note 8', color: 'onCard', align: 'CENTER', width: 'FILL', name: 'Card note' })
+    })
+
+    const sheet = k.sheet
+    const { width: W, height: H } = k.node(sheet)
+    k.flowSheet(sheet, 16, PAD, 'paper', 'MIN', 'CENTER')
+    draw(k, sheet, ground(W, H))
+    k.text(sheet, 'Place cards for the table', { style: 'Head 26', color: 'text', align: 'CENTER', width: 'FILL', name: 'Title' })
+    const grid = k.stack(sheet, { direction: 'HORIZONTAL', wrap: true, gap: 0, width: CW * 2, name: 'Cards' })
+    for (const [n, note] of [['Grandma Mai', 'GRATEFUL FOR YOU'], ['Uncle Thanh', 'GRATEFUL FOR YOU'], ['Linh', 'PIE CAPTAIN'], ['Marcus', 'GRATEFUL FOR YOU'], ['Auntie Rose', 'GRAVY BOSS'], ['Baby Kai', 'FIRST THANKSGIVING']]) k.instance(grid, 'Place card', { Name: n, Note: note }, { name: 'Place card' })
+    k.text(sheet, 'Cut along the solid lines and fold on the dashed line, leaves to the back, so each name stands up. Card stock of 65 lb (176 gsm) or heavier works best. {{brand.name}}', { style: 'Note 11', color: 'text', align: 'CENTER', width: 'FILL', name: 'Note' })
+
+    k.variants(sheet, [printVariant('a4', { art: ground, pad: PAD, masterWidth: W })])
+    return k.finish()
+  },
+})

package/src/templates/print/holidays-valentines-dinner-menu.ts

@@ -0,0 +1,95 @@
+// A printed menu for a small restaurant's Valentine's supper: a tall card in blush and claret, two roses seen from above
+// climbing in from the top corner on a trailing stem, the evening's five courses set in a light serif with small
+// capital course names between fine hairlines, and the price and wine pairing at the foot under a little heart. DL
+// (one third of A4) to stand on each table, with the roses running into the bleed.
+
+import { Kit, preset } from '../kit'
+import { defineTemplate } from '../build'
+import { SERIF } from '../shared/type'
+import { disc, draw, flourishComponent, heart, leaf, quad, rose, type Drawn } from '../themes/holidays-shared'
+
+const NAME = 'Valentine’s dinner menu'
+const PAD = { top: 214, right: 40, bottom: 40, left: 40 }
+
+const COURSES = [
+  ['APERITIVO', 'Blood-orange spritz', 'or a glass of Franciacorta rosé'],
+  ['ANTIPASTO', 'Burrata, roasted beets, pistachio', 'with warm focaccia from our oven'],
+  ['PRIMO', 'Heart-shaped ravioli of ricotta and lemon', 'brown butter, sage, a little black pepper'],
+  ['SECONDO', 'Slow-cooked short rib, soft polenta', 'or wild mushroom and chestnut risotto'],
+  ['DOLCE', 'Dark chocolate torta for two', 'raspberries, vanilla mascarpone'],
+] as const
+
+function art(w: number, h: number): Drawn[] {
+  const s = w / 374, B = 12 * s
+  const r1 = rose(w - 70 * s, 64 * s, 44 * s, 3), r2 = rose(w - 158 * s, 22 * s, 32 * s, 7), bud = rose(56 * s, 40 * s, 18 * s, 9)
+  const stem = [quad({ x: w + B, y: 150 * s }, { x: w - 130 * s, y: 128 * s }, { x: 40 * s, y: 50 * s }, 24)]
+  const leaves = [leaf({ x: w - 40 * s, y: 132 * s }, 40 * s, 16 * s, 2.7), leaf({ x: w - 110 * s, y: 118 * s }, 36 * s, 15 * s, 3.5), leaf({ x: w - 200 * s, y: 104 * s }, 34 * s, 14 * s, 2.6), leaf({ x: w - 250 * s, y: 92 * s }, 30 * s, 12 * s, 3.6), leaf({ x: 110 * s, y: 66 * s }, 28 * s, 11 * s, 2.7)]
+  const petal = (x: number, y: number, r: number, t: number) => heart(x, y, r * 2 * s, t)
+  return [
+    { name: 'Stem', paths: stem, color: 'leaf', o: { strokeWidth: 2.2 * s } },
+    { name: 'Leaves', paths: leaves, color: 'leaf' },
+    { name: 'Rose petals outer', paths: [...r1.outer, ...r2.outer, ...bud.outer], color: 'rose' },
+    { name: 'Rose petals inner', paths: [...r1.inner, ...r2.inner, ...bud.inner], color: 'roseDeep' },
+    { name: 'Rose edges', paths: [...r1.outer, ...r2.outer], color: 'roseDeep', o: { strokeWidth: 0.8 * s, opacity: 0.5 } },
+    { name: 'Petals', paths: [petal(16 * s, h - 40 * s, 7, 0.4), petal(30 * s, h - 18 * s, 5, 1.2)], color: 'rose', o: { opacity: 0.7 } },
+    { name: 'Petals', paths: [petal(w - 18 * s, h - 30 * s, 6, -0.6), petal(w - 34 * s, h - 12 * s, 4, 0.2)], color: 'rose', o: { opacity: 0.55 } },
+    { name: 'Dots', paths: [disc(26 * s, 150 * s, 2 * s), disc(40 * s, 166 * s, 1.4 * s)], color: 'primary' },
+  ]
+}
+
+export default defineTemplate({
+  id: 'print-holidays-valentines-dinner-menu',
+  meta: {
+    name: NAME,
+    description: 'A table menu for a small restaurant’s Valentine’s supper: roses seen from above climb in from the corner of a blush card, the five courses are set in a light serif with small-capital course names between hairlines, and the price and wine pairing sit at the foot. DL to stand on each table, with bleed',
+    category: 'menu', tags: ['valentine’s day', 'valentines', 'menu', 'restaurant', 'dinner', 'prix fixe', 'tasting menu', 'roses', 'romantic', 'italian', 'small business', 'print'],
+    platforms: ['print'], formats: ['card'], useCases: ['menu', 'event'],
+    created: '2026-10-10', updated: '2026-10-10',
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset('dl-flyer'))
+    k.quantizeGeometry = true
+    k.brand(
+      { paper: '#F8E9E4', text: '#4A1722', onPaper: '#7B3A44', primary: '#9E2B3E', onPrimary: '#FFF4F1', line: '#E3BFC0' },
+      { name: 'Osteria Lina' },
+    )
+    k.palette({ rose: '#D9566E', roseDeep: '#A12E46', leaf: '#5F7A5A' })
+    k.textStyle('Kicker 9', { size: 9, fontWeight: 700, letterSpacing: 2.6, lineHeight: 13 })
+    k.textStyle('Title 34', { ...SERIF, size: 34, fontWeight: 300, fontStyle: 'italic', letterSpacing: -0.6, lineHeight: 36 })
+    k.textStyle('Date 11', { ...SERIF, size: 11, fontWeight: 400, lineHeight: 15 })
+    k.textStyle('Course 8', { size: 8, fontWeight: 700, letterSpacing: 2.4, lineHeight: 11 })
+    k.textStyle('Dish 14', { ...SERIF, size: 14, fontWeight: 500, lineHeight: 18 })
+    k.textStyle('Note 10', { ...SERIF, size: 10, fontWeight: 400, fontStyle: 'italic', lineHeight: 14 })
+    k.textStyle('Price 11', { size: 11, fontWeight: 600, letterSpacing: 0.4, lineHeight: 16 })
+
+    k.component('Course', { gap: 3, width: 294, align: 'CENTER', props: { Course: 'COURSE', Dish: 'Dish', Note: 'How it comes' } }, id => {
+      k.propText(id, 'Course', { style: 'Course 8', color: 'onPaper', align: 'CENTER', width: 'FILL', name: 'Course name' })
+      k.propText(id, 'Dish', { style: 'Dish 14', color: 'text', align: 'CENTER', width: 'FILL', name: 'Dish' })
+      k.propText(id, 'Note', { style: 'Note 10', color: 'onPaper', align: 'CENTER', width: 'FILL', name: 'Note' })
+    })
+    flourishComponent(k, 'Heart rule', 'primary', heart(0, 0, 10), { rule: 30, size: 8 })
+
+    const sheet = k.sheet
+    const { width: W, height: H } = k.node(sheet)
+    k.flowSheet(sheet, 0, PAD, 'paper', 'MIN', 'CENTER')
+    draw(k, sheet, art(W, H))
+    const c = { align: 'CENTER' as const, width: 'FILL' as const }
+    k.text(sheet, 'SATURDAY 13 & SUNDAY 14 FEBRUARY', { style: 'Kicker 9', color: 'onPaper', ...c, name: 'Kicker' })
+    k.stack(sheet, { height: 8, name: 'Gap' })
+    k.text(sheet, 'A supper for two', { style: 'Title 34', color: 'text', ...c, name: 'Title' })
+    k.text(sheet, 'Valentine’s at {{brand.name}}', { style: 'Date 11', color: 'onPaper', ...c, name: 'Sub' })
+    k.stack(sheet, { height: 18, name: 'Gap' })
+    for (const [i, [course, dish, note]] of COURSES.entries()) {
+      k.instance(sheet, 'Course', { Course: course, Dish: dish, Note: note }, { name: 'Course', width: 'FILL' })
+      if (i < COURSES.length - 1) { k.stack(sheet, { height: 10, name: 'Gap' }); k.rect(sheet, 40, 1, 'line', { name: 'Hairline' }); k.stack(sheet, { height: 10, name: 'Gap' }) }
+    }
+    k.stack(sheet, { height: 20, name: 'Gap' })
+    k.instance(sheet, 'Heart rule', {}, { name: 'Divider' })
+    k.stack(sheet, { height: 10, name: 'Gap' })
+    k.text(sheet, '$85 per person · wine pairing $40', { style: 'Price 11', color: 'text', ...c, name: 'Price' })
+    k.text(sheet, 'Please tell us about any allergies. Sittings at 6 and 8:30.', { style: 'Note 10', color: 'onPaper', ...c, name: 'Allergies' })
+
+    return k.finish()
+  },
+})

package/src/templates/social/holidays-diwali-sweet-shop-post.ts

@@ -0,0 +1,121 @@
+// A sweet shop's Diwali mithai-box post: an open gift box seen from above, its compartments full of ladoos, diamonds
+// of kaju katli with silver leaf and coils of jalebi, sits in the corner of a deep emerald ground under a border of
+// scalloped arches and hanging diyas; "Diwali mithai boxes" is set big in a gold serif, the three boxes and their
+// prices follow, and the order-by date. 4:5 for the feed and 9:16 for stories, the drawing worked out again for each.
+
+import { Kit, preset, type VariantSpec } from '../kit'
+import { defineTemplate } from '../build'
+import { SERIF } from '../shared/type'
+import type { VectorPath } from '@/lib/document/types'
+import { verticalPadding } from './shared'
+import { arc, disc, diya, draw, polyP, rangoli, rectPath, redraw, restyleAll, roundRect, scaleGaps, seg, type Drawn } from '../themes/holidays-shared'
+
+const NAME = 'Diwali sweet shop mithai post'
+
+/** A jalebi: a coil of `turns` round (cx, cy). */
+const jalebi = (cx: number, cy: number, r: number): VectorPath => polyP(Array.from({ length: 40 }, (_, i) => { const t = i / 39, a = t * Math.PI * 5, rr = r * (0.15 + t * 0.85); return { x: cx + Math.cos(a) * rr, y: cy + Math.sin(a) * rr } }), false)
+
+function art(w: number, h: number, safe = { top: 0, bottom: 0 }): Drawn[] {
+  const s = w / 1080
+  // The box: a lid edge, a 3 × 3 tray of compartments.
+  const bx = w - 470 * s, by = h - 470 * s - safe.bottom * 0.5, cell = 128 * s, gap = 10 * s
+  const tray = roundRect(bx - 22 * s, by - 22 * s, 3 * cell + 2 * gap + 44 * s, 3 * cell + 2 * gap + 44 * s, 18 * s)
+  const cells: VectorPath[] = [], ladoo: VectorPath[] = [], ladooDots: VectorPath[] = [], katli: VectorPath[] = [], silver: VectorPath[] = [], jal: VectorPath[] = []
+  for (let r = 0; r < 3; r++) for (let c = 0; c < 3; c++) {
+    const x = bx + c * (cell + gap), y = by + r * (cell + gap), mx = x + cell / 2, my = y + cell / 2
+    cells.push(roundRect(x, y, cell, cell, 10 * s))
+    const kind = (r + c) % 3
+    if (kind === 0) for (const [dx, dy] of [[-0.2, -0.2], [0.2, -0.2], [-0.2, 0.2], [0.2, 0.2]]) { ladoo.push(disc(mx + dx * cell, my + dy * cell, cell * 0.19)); ladooDots.push(disc(mx + dx * cell - 6 * s, my + dy * cell - 6 * s, 2.4 * s), disc(mx + dx * cell + 5 * s, my + dy * cell + 2 * s, 2 * s)) }
+    if (kind === 1) for (const [dx, dy] of [[-0.18, 0], [0.18, 0], [0, -0.26], [0, 0.26]]) { const q = (u: number, v: number) => ({ x: mx + dx * cell + u, y: my + dy * cell + v }), d = cell * 0.17; katli.push(polyP([q(0, -d), q(d * 1.2, 0), q(0, d), q(-d * 1.2, 0)])); silver.push(polyP([q(0, -d * 0.6), q(d * 0.7, 0), q(0, d * 0.6), q(-d * 0.7, 0)])) }
+    if (kind === 2) jal.push(jalebi(mx - cell * 0.18, my - cell * 0.12, cell * 0.2), jalebi(mx + cell * 0.18, my + cell * 0.14, cell * 0.2))
+  }
+  // Scalloped arches along the top, with a diya hanging in each.
+  const arches: VectorPath[] = [], chains: VectorPath[] = []
+  const n = 6, aw = w / n, top = safe.top * 0.6
+  for (let i = 0; i < n; i++) { const x = i * aw; arches.push(arc(x + aw / 2, top + 40 * s, aw / 2, Math.PI, 0, 18, 46 * s)); chains.push(seg({ x: x + aw / 2, y: top }, { x: x + aw / 2, y: top + 92 * s })) }
+  const lamps = Array.from({ length: n }, (_, i) => diya(i * aw + aw / 2 - 6 * s, top + 128 * s, 50 * s))
+  const rg = rangoli(w + 30 * s, top + 470 * s, 330 * s, 8)
+  return [
+    { name: 'Rangoli outer', paths: rg.outer, color: 'pink' },
+    { name: 'Rangoli middle', paths: rg.middle, color: 'saffron' },
+    { name: 'Rangoli inner', paths: rg.inner, color: 'gold' },
+    { name: 'Rangoli dots', paths: rg.dots, color: 'paperCup' },
+    { name: 'Rangoli heart', paths: rg.heart, color: 'clay' },
+    { name: 'Arches', paths: arches, color: 'gold', o: { strokeWidth: 4 * s } },
+    { name: 'Chains', paths: chains, color: 'gold', o: { strokeWidth: 2 * s } },
+    { name: 'Hanging diyas', paths: lamps.flatMap(d => d.bowl), color: 'clay' },
+    { name: 'Hanging diya rims', paths: lamps.flatMap(d => d.rim), color: 'gold' },
+    { name: 'Hanging flames', paths: lamps.flatMap(d => d.flame), color: 'saffron' },
+    { name: 'Box shadow', paths: [roundRect(bx - 4 * s, by + 4 * s, 3 * cell + 2 * gap + 44 * s, 3 * cell + 2 * gap + 44 * s, 18 * s)], color: 'shadow', o: { opacity: 0.35 } },
+    { name: 'Box', paths: [tray], color: 'pink' },
+    { name: 'Box trim', paths: [rectPath(bx - 22 * s, by + 3 * cell + 2 * gap + 10 * s, 3 * cell + 2 * gap + 44 * s, 8 * s)], color: 'gold' },
+    { name: 'Compartments', paths: cells, color: 'paperCup' },
+    { name: 'Ladoos', paths: ladoo, color: 'saffron' },
+    { name: 'Ladoo specks', paths: ladooDots, color: 'clay' },
+    { name: 'Kaju katli', paths: katli, color: 'katli' },
+    { name: 'Silver leaf', paths: silver, color: 'silver' },
+    { name: 'Jalebi', paths: jal, color: 'jalebi', o: { strokeWidth: 9 * s } },
+  ]
+}
+
+export default defineTemplate({
+  id: 'social-holidays-diwali-sweet-shop-post',
+  meta: {
+    name: NAME,
+    description: 'A sweet shop’s Diwali mithai-box post: an open box from above full of ladoos, silver-leafed kaju katli and coils of jalebi in the corner of a deep emerald ground, scalloped arches with hanging diyas along the top, “Diwali mithai boxes” in a gold serif, three boxes with prices and the order-by date. 4:5 for the feed and 9:16 for stories',
+    category: 'social', tags: ['diwali', 'deepavali', 'mithai', 'sweets', 'sweet shop', 'ladoo', 'kaju katli', 'jalebi', 'gift box', 'pre-order', 'small business', 'indian', 'instagram', 'story', 'post'],
+    platforms: ['instagram', 'facebook'], formats: ['portrait-post', 'story'], useCases: ['sale', 'announcement'],
+    created: '2026-10-10', updated: '2026-10-10',
+  },
+  stableNumbers: true,
+  build() {
+    const k = new Kit(NAME, preset('ig-portrait'))
+    k.quantizeGeometry = true
+    k.brand(
+      { paper: '#0E4B3B', text: '#FFF4DE', onPaper: '#F2C14E', primary: '#F2C14E', onPrimary: '#0E4B3B', line: '#2C6B58' },
+      { name: 'Sweet Saffron', site: 'sweetsaffron.nyc' },
+    )
+    k.palette({ gold: '#F2C14E', saffron: '#FFA41B', clay: '#B9572B', pink: '#D63D78', paperCup: '#FFF4DE', katli: '#EFE1C2', silver: '#C9CED6', jalebi: '#F28A1A', shadow: '#05261D' })
+    k.textStyle('Kicker 26', { size: 26, fontWeight: 700, letterSpacing: 5, lineHeight: 34 })
+    k.textStyle('Title 98', { ...SERIF, size: 98, fontWeight: 700, fontStyle: 'italic', letterSpacing: -2.4, lineHeight: 96 })
+    k.textStyle('Box 31', { ...SERIF, size: 31, fontWeight: 600, lineHeight: 38 })
+    k.textStyle('Price 31', { size: 31, fontWeight: 800, lineHeight: 38, fontFeatures: { tnum: 1 } })
+    k.textStyle('Body 26', { size: 26, fontWeight: 500, lineHeight: 35 })
+
+    k.component('Mithai box', { gap: 2, width: 520, padding: { top: 10, right: 0, bottom: 10, left: 0 }, props: { Box: 'Box', Price: '$0' } }, id => {
+      k.propText(id, 'Box', { style: 'Box 31', color: 'text', width: 'FILL', name: 'Box name' })
+      k.propText(id, 'Price', { style: 'Price 31', color: 'onPaper', width: 'FILL', name: 'Box price' })
+    })
+
+    const sheet = k.sheet
+    const { width: W, height: H } = k.node(sheet)
+    k.flowSheet(sheet, 0, { top: 236, right: 476, bottom: 80, left: 84 }, 'paper', 'MIN', 'MIN')
+    draw(k, sheet, art(W, H))
+    k.text(sheet, 'HAPPY DIWALI', { style: 'Kicker 26', color: 'text', width: 'FILL', name: 'Kicker' })
+    k.stack(sheet, { height: 14, name: 'Gap' })
+    k.text(sheet, 'Diwali mithai boxes', { style: 'Title 98', color: 'onPaper', width: 'FILL', name: 'Title' })
+    k.stack(sheet, { height: 22, name: 'Gap' })
+    const list = k.stack(sheet, { width: 520, name: 'Boxes' })
+    for (const [i, [n, p]] of [['Motichoor ladoo, 12', '$18'], ['Kaju katli, 500 g', '$22'], ['Mixed mithai, 1 kg', '$34']].entries()) {
+      k.instance(list, 'Mithai box', { Box: n, Price: p }, { name: 'Mithai box', width: 'FILL' })
+      if (i < 2) k.rect(list, 'FILL', 2, 'line', { name: 'Rule' })
+    }
+    k.stack(sheet, { height: 22, name: 'Gap' })
+    k.text(sheet, 'Order by Thursday 5 November. Pick up Friday to Sunday at {{brand.name}}, 74th Street, or {{brand.site}}', { style: 'Body 26', color: 'text', width: 'FILL', name: 'Body' })
+
+    k.textStyle('Title 110', { ...SERIF, size: 110, fontWeight: 700, fontStyle: 'italic', letterSpacing: -2.8, lineHeight: 106 })
+    const story: VariantSpec = {
+      preset: 'ig-story',
+      adjust: (kit, id) => {
+        const { width: w, height: h } = kit.node(id)
+        const safe = verticalPadding(84)
+        redraw(kit, id, art(w, h, { top: safe.top - 84, bottom: safe.bottom - 84 }))
+        kit.patch(id, { padding: { top: safe.top + 160, right: w - safe.left - 520, bottom: safe.bottom, left: safe.left } })
+        restyleAll(kit, id, [['Title', 'Title 110']])
+        scaleGaps(kit, id, 1.3)
+      },
+    }
+    k.variants(sheet, [story])
+    return k.finish()
+  },
+})