@popcraft/kit 0.25.0 → 0.26.1

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()
+  },
+})

package/src/templates/social/holidays-lunar-new-year-bakery-post.ts

@@ -0,0 +1,110 @@
+// A neighbourhood bakery's Lunar New Year post, in red and gold papercut on warm cream: strings of firecrackers hang
+// down both edges, a round papercut medallion of plum blossom and cash coins sits in the corner with a red lantern
+// beside it, and "New Year treats are here" is set big in a heavy red serif over the three treats and their prices,
+// the days the bakery closes to celebrate, and the shop's name. 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 { cloudCurl, coin, disc, draw, firecrackers, plum, redLantern, redraw, restyleAll, scaleGaps, starPath, type Drawn } from '../themes/holidays-shared'
+
+const NAME = 'Lunar New Year bakery post'
+
+function art(w: number, h: number, safe = { top: 0, bottom: 0 }): Drawn[] {
+  const s = w / 1080
+  const fl = firecrackers(40 * s, -10, 9, 60 * s)
+  // The medallion: a red disc, a ring of plum blossoms cut into it, coins at the cardinal points.
+  const mx = w - 250 * s, my = h - 260 * s - safe.bottom * 0.4, R = 210 * s
+  const ring = Array.from({ length: 10 }, (_, i) => { const a = (i * Math.PI) / 5; return plum(mx + Math.cos(a) * R * 0.7, my + Math.sin(a) * R * 0.7, 34 * s, a) })
+  const coins = [0, 1, 2, 3].map(i => coin(mx + Math.cos(i * Math.PI / 2 + Math.PI / 4) * R * 0.32, my + Math.sin(i * Math.PI / 2 + Math.PI / 4) * R * 0.32, 26 * s))
+  const top = safe.top * 0.6
+  const lanterns = [[0.75, 150, 110], [0.87, 70, 150], [0.97, 200, 100]].map(([x, drop, lw]) => redLantern(w * x, -10, lw * s, top + drop * s))
+  const clouds = [...cloudCurl(70 * s, h - 96 * s - safe.bottom * 0.4, 230 * s, 1), ...cloudCurl(300 * s, h - 60 * s - safe.bottom * 0.4, 170 * s, 1)]
+  const lantern = { body: lanterns.flatMap(l => l.body), ribs: lanterns.flatMap(l => l.ribs), caps: lanterns.flatMap(l => l.caps), tassel: lanterns.flatMap(l => l.tassel), cord: lanterns.flatMap(l => l.cord) }
+  const sparks: VectorPath[] = [[0.3, 0.06], [0.52, 0.04], [0.62, 0.09]].map(([x, y]) => starPath(w * x, safe.top * 0.6 + h * y * (1350 / h), 10 * s, 4 * s, 4))
+  return [
+    { name: 'Firecracker cords', paths: fl.cord, color: 'gold', o: { strokeWidth: 3 * s } },
+    { name: 'Firecrackers', paths: fl.crackers, color: 'red' },
+    { name: 'Firecracker tips', paths: fl.tips, color: 'gold' },
+    { name: 'Sparks', paths: sparks, color: 'gold' },
+    { name: 'Medallion', paths: [disc(mx, my, R)], color: 'red' },
+    { name: 'Medallion rim', paths: [disc(mx, my, R * 0.93)], color: 'gold', o: { strokeWidth: 4 * s } },
+    { name: 'Cut blossoms', paths: ring.flatMap(p => p.petals), color: 'cream' },
+    { name: 'Blossom hearts', paths: ring.flatMap(p => p.heart), color: 'gold' },
+    { name: 'Coins', paths: coins.flatMap(c => c.coin), color: 'gold' },
+    { name: 'Coin holes', paths: coins.flatMap(c => c.hole), color: 'red' },
+    { name: 'Lantern cords', paths: lantern.cord, color: 'gold', o: { strokeWidth: 2.4 * s } },
+    { name: 'Lantern', paths: lantern.body, color: 'red' },
+    { name: 'Lantern ribs', paths: lantern.ribs, color: 'gold', o: { strokeWidth: 2 * s } },
+    { name: 'Lantern caps', paths: [...lantern.caps, ...lantern.tassel], color: 'gold' },
+    { name: 'Clouds', paths: clouds, color: 'red', o: { strokeWidth: 5 * s } },
+  ]
+}
+
+export default defineTemplate({
+  id: 'social-holidays-lunar-new-year-bakery-post',
+  meta: {
+    name: NAME,
+    description: 'A neighbourhood bakery’s Lunar New Year post in red and gold papercut on cream: firecrackers down both edges, a papercut medallion of plum blossom and coins with a red lantern, “New Year treats are here” in a heavy red serif, three treats with prices and the days the bakery closes to celebrate. 4:5 for the feed and 9:16 for stories',
+    category: 'social', tags: ['lunar new year', 'chinese new year', 'spring festival', 'bakery', 'pineapple tarts', 'holiday hours', 'small business', 'papercut', 'red and gold', 'lantern', '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: '#FFF3DC', text: '#3A1410', onPaper: '#A50F23', primary: '#C8102E', onPrimary: '#FFF3DC', line: '#EBCB9A' },
+      { name: 'Lucky Star Bakery', site: 'luckystarbakery.com' },
+    )
+    k.palette({ red: '#C8102E', gold: '#E2A72E', cream: '#FFF3DC' })
+    k.textStyle('Kicker 26', { size: 26, fontWeight: 800, letterSpacing: 5, lineHeight: 34 })
+    k.textStyle('Title 100', { ...SERIF, size: 100, fontWeight: 800, letterSpacing: -2.8, lineHeight: 96 })
+    k.textStyle('Treat 31', { ...SERIF, size: 31, fontWeight: 600, lineHeight: 38 })
+    k.textStyle('Price 31', { size: 31, fontWeight: 800, lineHeight: 38, fontFeatures: { tnum: 1 } })
+    k.textStyle('Foot 26', { size: 26, fontWeight: 800, lineHeight: 34 })
+    k.textStyle('Body 26', { size: 26, fontWeight: 500, lineHeight: 35 })
+
+    k.component('Treat', { direction: 'HORIZONTAL', gap: 20, width: 560, justify: 'SPACE_BETWEEN', padding: { top: 10, right: 0, bottom: 10, left: 0 }, props: { Treat: 'Treat', Price: '$0' } }, id => {
+      k.propText(id, 'Treat', { style: 'Treat 31', color: 'text', autoWidth: true, name: 'Treat name' })
+      k.propText(id, 'Price', { style: 'Price 31', color: 'onPaper', autoWidth: true, name: 'Treat price' })
+    })
+
+    const sheet = k.sheet
+    const { width: W, height: H } = k.node(sheet)
+    k.flowSheet(sheet, 0, { top: 150, right: 436, bottom: 90, left: 84 }, 'paper', 'MIN', 'MIN')
+    draw(k, sheet, art(W, H))
+    k.text(sheet, 'GONG HEI FAT CHOY', { style: 'Kicker 26', color: 'onPaper', width: 'FILL', name: 'Kicker' })
+    k.stack(sheet, { height: 14, name: 'Gap' })
+    k.text(sheet, 'New Year treats are here', { style: 'Title 100', color: 'onPaper', width: 'FILL', name: 'Title' })
+    k.stack(sheet, { height: 26, name: 'Gap' })
+    const list = k.stack(sheet, { width: 560, name: 'Treats' })
+    for (const [i, [n, p]] of [['Pineapple tarts, box of 12', '$16'], ['Almond cookies, tin', '$12'], ['Nian gao, coconut', '$9']].entries()) {
+      k.instance(list, 'Treat', { Treat: n, Price: p }, { name: 'Treat', width: 'FILL' })
+      if (i < 2) k.rect(list, 'FILL', 2, 'line', { name: 'Rule' })
+    }
+    k.stack(sheet, { height: 22, name: 'Gap' })
+    k.text(sheet, 'Closed Saturday 6 and Sunday 7 February to celebrate with our families. Pre-order by the 4th.', { style: 'Body 26', color: 'text', width: 'FILL', name: 'Body' })
+    k.stack(sheet, { height: 14, name: 'Gap' })
+    k.text(sheet, '{{brand.name}} · {{brand.site}}', { style: 'Foot 26', color: 'onPaper', width: 'FILL', name: 'Foot' })
+
+    k.textStyle('Title 112', { ...SERIF, size: 112, fontWeight: 800, letterSpacing: -3, 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 + 60, right: w - safe.left - 560, bottom: safe.bottom, left: safe.left } })
+        restyleAll(kit, id, [['Title', 'Title 112']])
+        scaleGaps(kit, id, 1.3)
+      },
+    }
+    k.variants(sheet, [story])
+    return k.finish()
+  },
+})

package/src/templates/social/holidays-new-years-eve-shop-hours.ts

@@ -0,0 +1,118 @@
+// A neighbourhood wine shop's holiday-hours post for the week between Christmas and New Year: confetti and streamers
+// on deep teal, a bottle of fizz popping its cork in the corner, "Pop in before you pop the cork" set big and heavy,
+// every day's opening hours in a list (closed days marked), and the offer in a yellow pill. 4:5 for the feed and 9:16
+// for stories, the drawing worked out again for each and the type kept inside the apps' safe area.
+
+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 { bandsAround, confetti, disc, draw, perBand, polyP, redraw, restyleAll, scaleGaps, sparkle, streamer, type Drawn } from '../themes/holidays-shared'
+
+const NAME = 'New Year’s Eve shop holiday hours post'
+
+const HOURS = [
+  ['Wed 23 Dec', '10 am – 8 pm'], ['Thu 24 Dec', '10 am – 4 pm'], ['Fri 25 Dec', 'Closed'], ['Sat 26 Dec', '12 – 6 pm'],
+  ['Wed 30 Dec', '10 am – 8 pm'], ['Thu 31 Dec', '10 am – 6 pm'], ['Fri 1 Jan', 'Closed'],
+] as const
+
+/** A bottle of fizz tilted back, its cork flying and a spray of foam, with its base at (x, y). */
+function bottle(x: number, y: number, s: number, tilt: number): { glass: VectorPath[]; foil: VectorPath[]; label: VectorPath[]; cork: VectorPath[]; spray: VectorPath[] } {
+  const c = Math.cos(tilt), sn = Math.sin(tilt)
+  const p = (u: number, v: number) => ({ x: x + (u * c - v * sn) * s, y: y + (u * sn + v * c) * s })
+  const glass = [polyP([p(-0.16, 0), p(0.16, 0), p(0.16, -0.5), p(0.06, -0.68), p(0.05, -0.92), p(-0.05, -0.92), p(-0.06, -0.68), p(-0.16, -0.5)])]
+  const foil = [polyP([p(-0.058, -0.74), p(0.058, -0.74), p(0.05, -0.94), p(-0.05, -0.94)])]
+  const label = [polyP([p(-0.16, -0.16), p(0.16, -0.16), p(0.16, -0.38), p(-0.16, -0.38)])]
+  const tip = p(0, -1.18)
+  const cork = [polyP([{ x: tip.x - 0.035 * s, y: tip.y - 0.05 * s }, { x: tip.x + 0.035 * s, y: tip.y - 0.05 * s }, { x: tip.x + 0.045 * s, y: tip.y + 0.05 * s }, { x: tip.x - 0.045 * s, y: tip.y + 0.05 * s }])]
+  const spray = [0, 1, 2, 3, 4, 5, 6, 7].map(i => { const q = p((i % 2 ? 1 : -1) * (0.04 + i * 0.012), -0.98 - i * 0.03); return disc(q.x, q.y, (0.014 + (i % 3) * 0.006) * s) })
+  return { glass, foil, label, cork, spray }
+}
+
+function art(w: number, h: number, safe = { top: 0, bottom: 0 }): Drawn[] {
+  const s = w / 1080, B = 0
+  const b = bottle(w - 120 * s, h - 70 * s - safe.bottom * 0.3, 470 * s, -0.36)
+  const keep = { x: 60 * s, y: 60 * s + safe.top, w: 700 * s, h: h - 120 * s - safe.top - safe.bottom }
+  const bands = bandsAround(w, h, keep, B)
+  const st = [streamer({ x: w * 0.62, y: -10 }, w * 0.5, 0.5, 18 * s, 3.5), streamer({ x: w * 0.78, y: -10 }, w * 0.4, 1.05, 16 * s, 3), streamer({ x: -10, y: h - 40 * s }, w * 0.4, -0.12, 14 * s, 2.5)]
+  return [
+    ...perBand('Confetti', 'yellow', bands, (r, i) => confetti(r.w, r.h, Math.round((r.w * r.h) / (9000 * s * s)), 90 + i, 22 * s).bars.map(p => ({ ...p, points: p.points.map(q => ({ x: q.x + r.x, y: q.y + r.y })) }))),
+    ...perBand('Confetti dots', 'coral', bands, (r, i) => confetti(r.w, r.h, Math.round((r.w * r.h) / (14000 * s * s)), 120 + i, 22 * s).dots.map(p => ({ ...p, points: p.points.map(q => ({ ...q, x: q.x + r.x, y: q.y + r.y, ...(q.handleIn ? { handleIn: { x: q.handleIn.x + r.x, y: q.handleIn.y + r.y } } : {}), ...(q.handleOut ? { handleOut: { x: q.handleOut.x + r.x, y: q.handleOut.y + r.y } } : {}) })) }))),
+    { name: 'Streamers', paths: st.slice(0, 2), color: 'coral', o: { strokeWidth: 7 * s } },
+    { name: 'Streamers', paths: st.slice(2), color: 'mint', o: { strokeWidth: 7 * s } },
+    { name: 'Bottle', paths: b.glass, color: 'bottle' },
+    { name: 'Bottle label', paths: b.label, color: 'cream' },
+    { name: 'Bottle foil', paths: b.foil, color: 'yellow' },
+    { name: 'Cork', paths: b.cork, color: 'cork' },
+    { name: 'Spray', paths: b.spray, color: 'cream' },
+    { name: 'Pop', paths: [sparkle(w - 140 * s, h - 700 * s - safe.bottom * 0.3, 40 * s), sparkle(w - 290 * s, h - 660 * s - safe.bottom * 0.3, 26 * s)], color: 'yellow' },
+  ]
+}
+
+export default defineTemplate({
+  id: 'social-holidays-new-years-eve-shop-hours',
+  meta: {
+    name: NAME,
+    description: 'A holiday-hours post for a neighbourhood wine shop, Christmas to New Year: confetti and streamers on deep teal, a bottle popping its cork, “Pop in before you pop the cork” in big heavy type, every day’s hours with the closed days marked, and the sparkling-wine offer in a yellow pill. 4:5 for the feed and 9:16 for stories',
+    category: 'social', tags: ['new year’s eve', 'new year', 'holiday hours', 'opening hours', 'wine shop', 'small business', 'shop', 'champagne', 'sale', 'confetti', 'instagram', 'story', 'post'],
+    platforms: ['instagram', 'facebook'], formats: ['portrait-post', 'story'], useCases: ['announcement', 'sale'],
+    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: '#0C4A47', text: '#FFF7E6', onPaper: '#F5C443', primary: '#F5C443', onPrimary: '#0C2E2C' },
+      { name: 'Cork & Crate', site: 'corkandcrate.co' },
+    )
+    k.palette({ yellow: '#F5C443', coral: '#F2725E', mint: '#8FDCC2', cream: '#FFF7E6', bottle: '#14302C', cork: '#C99A5B', line: '#2E6B66' })
+    k.textStyle('Kicker 26', { ...SERIF, size: 34, fontWeight: 400, fontStyle: 'italic', lineHeight: 40 })
+    k.textStyle('Title 96', { size: 96, fontWeight: 900, letterSpacing: -3.6, lineHeight: 92 })
+    k.textStyle('Day 30', { size: 30, fontWeight: 700, lineHeight: 38, fontFeatures: { tnum: 1 } })
+    k.textStyle('Hours 30', { ...SERIF, size: 30, fontWeight: 400, lineHeight: 38, fontFeatures: { tnum: 1 } })
+    k.textStyle('Pill 28', { size: 28, fontWeight: 800, lineHeight: 34 })
+    k.textStyle('Foot 24', { size: 24, fontWeight: 600, letterSpacing: 1, lineHeight: 30 })
+
+    k.component('Hours row', { direction: 'HORIZONTAL', gap: 20, width: 620, justify: 'SPACE_BETWEEN', padding: { top: 9, right: 0, bottom: 9, left: 0 }, props: { Day: 'Mon 1 Jan', Hours: '9 – 5' } }, id => {
+      k.propText(id, 'Day', { style: 'Day 30', color: 'text', autoWidth: true, name: 'Day' })
+      k.propText(id, 'Hours', { style: 'Hours 30', color: 'text', autoWidth: true, name: 'Hours' })
+    })
+
+    const sheet = k.sheet
+    const { width: W, height: H } = k.node(sheet)
+    k.flowSheet(sheet, 0, { top: 84, right: 340, bottom: 70, left: 84 }, 'paper', 'CENTER', 'MIN')
+    draw(k, sheet, art(W, H))
+    k.text(sheet, 'Holiday hours at {{brand.name}}', { style: 'Kicker 26', color: 'onPaper', width: 'FILL', name: 'Kicker' })
+    k.stack(sheet, { height: 22, name: 'Gap' })
+    k.text(sheet, 'Pop in before you pop the cork', { style: 'Title 96', color: 'text', width: 'FILL', name: 'Title' })
+    k.stack(sheet, { height: 34, name: 'Gap' })
+    const list = k.stack(sheet, { width: 620, name: 'Hours' })
+    for (const [i, [d, hrs]] of HOURS.entries()) {
+      k.instance(list, 'Hours row', { Day: d, Hours: hrs }, { name: 'Hours row', width: 'FILL' })
+      if (i < HOURS.length - 1) k.rect(list, 'FILL', 2, 'line', { name: 'Rule' })
+    }
+    k.stack(sheet, { height: 34, name: 'Gap' })
+    const pill = k.stack(sheet, { direction: 'HORIZONTAL', width: 'HUG', padding: { top: 16, right: 28, bottom: 16, left: 28 }, radius: 40, fill: 'primary', name: 'Offer' })
+    k.text(pill, '15% off any six bottles of bubbly, to 31 Dec', { style: 'Pill 28', color: 'onPrimary', autoWidth: true, name: 'Offer text' })
+    k.stack(sheet, { height: 26, name: 'Gap' })
+    k.text(sheet, '1408 Elm Street · {{brand.site}}', { style: 'Foot 24', color: 'onPaper', width: 'FILL', name: 'Foot' })
+
+    k.textStyle('Title 116', { size: 106, fontWeight: 900, letterSpacing: -4, lineHeight: 100 })
+    k.textStyle('Kicker 40', { ...SERIF, size: 40, fontWeight: 400, fontStyle: 'italic', lineHeight: 48 })
+    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, right: 260, bottom: safe.bottom + 160, left: safe.left } })
+        restyleAll(kit, id, [['Title', 'Title 116'], ['Kicker', 'Kicker 40']])
+        scaleGaps(kit, id, 1.25)
+      },
+    }
+    k.variants(sheet, [story])
+    return k.finish()
+  },
+})