@popcraft/kit 0.25.0 → 0.26.0

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

package/src/templates/social/holidays-thanksgiving-pie-orders-post.ts

@@ -0,0 +1,115 @@
+// A neighbourhood bakery's Thanksgiving pie-order post, in a warm retro bakery style: a lattice-topped pie seen from
+// above sits on a gingham cloth that runs along the foot, maple leaves blow across a mustard ground, "Pie orders close
+// Sunday" is set big in a heavy serif, the four pies are listed with their prices, and pick-up is the day before
+// Thanksgiving. 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 { disc, draw, maple, mapleVeins, polyP, rectPath, redraw, restyleAll, scaleGaps, type Drawn } from '../themes/holidays-shared'
+
+const NAME = 'Thanksgiving pie orders post'
+
+/** A lattice pie from above, `r` its radius: the tin, the crimped crust, the filling and the woven strips. */
+function pie(cx: number, cy: number, r: number) {
+  const crimp: VectorPath = polyP(Array.from({ length: 72 }, (_, i) => { const a = (i * Math.PI) / 36, rr = r * (i % 2 ? 0.93 : 1); return { x: cx + Math.cos(a) * rr, y: cy + Math.sin(a) * rr } }))
+  const strips: VectorPath[] = [], under: VectorPath[] = []
+  const inner = r * 0.8, sw = r * 0.11
+  for (let i = -3; i <= 3; i++) {
+    const o = (i * inner) / 3.6, half = Math.sqrt(Math.max(0, inner * inner - o * o))
+    strips.push(rectPath(cx + o - sw / 2, cy - half, sw, half * 2))
+    under.push(rectPath(cx - half, cy + o - sw / 2, half * 2, sw))
+  }
+  const vents = [0, 1, 2, 3].map(i => disc(cx + Math.cos(i * Math.PI / 2 + 0.78) * r * 0.42, cy + Math.sin(i * Math.PI / 2 + 0.78) * r * 0.42, r * 0.03))
+  return { tin: [disc(cx, cy, r * 1.08)], crust: [crimp], filling: [disc(cx, cy, inner)], under, strips, vents }
+}
+
+function art(w: number, h: number, safe = { top: 0, bottom: 0 }): Drawn[] {
+  const s = w / 1080, B = 0
+  const clothTop = h - 230 * s - safe.bottom
+  const checks: VectorPath[] = [], checks2: VectorPath[] = []
+  const sz = 46 * s
+  for (let y = clothTop, row = 0; y < h + sz; y += sz, row++) for (let x = -B, col = 0; x < w + sz; x += sz, col++) {
+    if ((row + col) % 2 === 0) checks.push(rectPath(x, y, sz, sz))
+    if (row % 2 === 0 && col % 2 === 0) checks2.push(rectPath(x, y, sz, sz))
+  }
+  const p = pie(w - 250 * s, clothTop + 20 * s, 230 * s)
+  const leaves = [[0.06, 0.05, 80, 0.4], [0.88, 0.09, 140, -0.6], [0.76, 0.24, 96, 1.4], [0.95, 0.33, 110, 2.4], [0.8, 0.45, 84, -1.0], [0.93, 0.56, 70, 0.9], [0.74, 0.62, 56, 2.0], [0.42, 0.04, 54, -0.3]].map(([x, y, sz2, t]) => ({ m: maple(w * x, safe.top * 0.4 + h * y, sz2 * s, t), v: mapleVeins(w * x, safe.top * 0.4 + h * y, sz2 * s, t) }))
+  return [
+    { name: 'Cloth', paths: checks, color: 'gingham', o: { opacity: 0.55 } },
+    { name: 'Cloth weave', paths: checks2, color: 'gingham', o: { opacity: 0.5 } },
+    { name: 'Pie shadow', paths: [disc(w - 236 * s, clothTop + 44 * s, 250 * s)], color: 'shadow', o: { opacity: 0.25 } },
+    { name: 'Pie tin', paths: p.tin, color: 'tin' },
+    { name: 'Pie crust', paths: p.crust, color: 'crust' },
+    { name: 'Pie filling', paths: p.filling, color: 'filling' },
+    { name: 'Lattice under', paths: p.under, color: 'crustDeep' },
+    { name: 'Lattice', paths: p.strips, color: 'crust' },
+    { name: 'Lattice edges', paths: p.strips, color: 'crustDeep', o: { strokeWidth: 2 * s, opacity: 0.6 } },
+    ...leaves.map(l => ({ name: 'Leaf', paths: l.m, color: 'rust' })),
+    ...leaves.map(l => ({ name: 'Leaf veins', paths: l.v, color: 'rustDeep', o: { strokeWidth: 2 * s } })),
+  ]
+}
+
+export default defineTemplate({
+  id: 'social-holidays-thanksgiving-pie-orders-post',
+  meta: {
+    name: NAME,
+    description: 'A neighbourhood bakery’s Thanksgiving pie-order post in a warm retro style: a lattice pie from above on a gingham cloth, maple leaves blowing across a mustard ground, “Pie orders close Sunday” in a heavy serif, four pies with prices and the pick-up day. 4:5 for the feed and 9:16 for stories',
+    category: 'social', tags: ['thanksgiving', 'bakery', 'pie', 'pre-order', 'pumpkin pie', 'small business', 'autumn', 'fall', 'retro', 'gingham', '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: '#E9B44C', text: '#3A1F10', onPaper: '#8A3412', primary: '#9C3D17', onPrimary: '#FFF6E5', line: '#C98F2C' },
+      { name: 'Rise & Shine Bakery', site: 'riseandshinebakes.com' },
+    )
+    k.palette({ gingham: '#B5442A', tin: '#B9B3A8', crust: '#F3C77A', crustDeep: '#C98A3A', filling: '#A94A1E', shadow: '#5E3518', rust: '#B4512A', rustDeep: '#7E3216' })
+    k.textStyle('Kicker 26', { size: 26, fontWeight: 800, letterSpacing: 5, lineHeight: 34 })
+    k.textStyle('Title 100', { ...SERIF, size: 100, fontWeight: 800, letterSpacing: -2.6, lineHeight: 96 })
+    k.textStyle('Pie 32', { ...SERIF, size: 32, fontWeight: 600, lineHeight: 40 })
+    k.textStyle('Price 32', { size: 32, fontWeight: 800, lineHeight: 40, fontFeatures: { tnum: 1 } })
+    k.textStyle('Body 27', { size: 27, fontWeight: 500, lineHeight: 36 })
+
+    k.component('Pie line', { direction: 'HORIZONTAL', gap: 20, width: 620, justify: 'SPACE_BETWEEN', padding: { top: 10, right: 0, bottom: 10, left: 0 }, props: { Pie: 'Pie', Price: '$0' } }, id => {
+      k.propText(id, 'Pie', { style: 'Pie 32', color: 'text', autoWidth: true, name: 'Pie name' })
+      k.propText(id, 'Price', { style: 'Price 32', color: 'onPaper', autoWidth: true, name: 'Pie price' })
+    })
+
+    const sheet = k.sheet
+    const { width: W, height: H } = k.node(sheet)
+    k.flowSheet(sheet, 0, { top: 150, right: 376, bottom: 260, left: 84 }, 'paper', 'MIN', 'MIN')
+    draw(k, sheet, art(W, H))
+    k.text(sheet, 'THANKSGIVING PIES', { style: 'Kicker 26', color: 'onPaper', width: 'FILL', name: 'Kicker' })
+    k.stack(sheet, { height: 16, name: 'Gap' })
+    k.text(sheet, 'Pie orders close Sunday', { style: 'Title 100', color: 'text', width: 'FILL', name: 'Title' })
+    k.stack(sheet, { height: 28, name: 'Gap' })
+    const list = k.stack(sheet, { width: 620, name: 'Pies' })
+    for (const [i, [n, p]] of [['Classic pumpkin', '$28'], ['Apple crumble', '$30'], ['Bourbon pecan', '$34'], ['Sweet potato', '$28']].entries()) {
+      k.instance(list, 'Pie line', { Pie: n, Price: p }, { name: 'Pie line', width: 'FILL' })
+      if (i < 3) k.rect(list, 'FILL', 2, 'line', { name: 'Rule' })
+    }
+    k.stack(sheet, { height: 24, name: 'Gap' })
+    k.text(sheet, 'Order by Sunday 22 November, pick up Wednesday 25th, 7 am – 6 pm. {{brand.site}}', { style: 'Body 27', color: 'text', width: 'FILL', name: 'Body' })
+
+    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: 0 }))
+        kit.patch(id, { padding: { top: safe.top + 120, right: w - safe.left - 620, 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-valentines-florist-post.ts

@@ -0,0 +1,102 @@
+// A florist's Valentine's pre-order post: a crowd of roses seen from above spills in from the top corner of a deep red
+// ground, with leaves between them and loose petals drifting down, "Order your roses by 11 February" in a big serif,
+// three bouquets with their prices in a list, and how delivery works. 4:5 for the feed and 9:16 for stories, the
+// flowers worked out again for each and the words kept inside the apps' safe area.
+
+import { Kit, preset, type VariantSpec } from '../kit'
+import { defineTemplate } from '../build'
+import { SERIF } from '../shared/type'
+import { verticalPadding } from './shared'
+import { draw, heart, leaf, redraw, restyleAll, rng, rose, scaleGaps, type Drawn } from '../themes/holidays-shared'
+
+const NAME = 'Valentine’s florist pre-order post'
+
+function art(w: number, h: number, top = 0): Drawn[] {
+  const s = w / 1080, r = rng(14)
+  // A crowd across the top, and two more down the right-hand margin, each group its own layers so none lies under the words.
+  const groups = [
+    [[0.86, 0.06, 120], [0.66, 0.03, 100], [0.98, 0.2, 104], [0.77, 0.19, 86], [0.47, 0.0, 84], [1.02, 0.02, 80], [0.28, -0.02, 76], [0.1, 0.03, 90], [-0.02, 0.15, 70], [0.2, 0.15, 56], [0.58, 0.16, 60], [0.38, 0.14, 48]],
+    [[0.95, 0.38, 70], [0.86, 0.33, 50]],
+  ]
+  const y = (f: number) => top * 0.5 + f * 1350 * s
+  const parts = groups.map((g, gi) => {
+    const roses = g.map(([x, f, rr], i) => rose(w * x, y(f), rr * s, 20 + gi * 10 + i))
+    const leaves = g.flatMap(([x, f, rr]) => [0, 1].map(j => leaf({ x: w * x, y: y(f) }, rr * 1.3 * s, rr * 0.5 * s, 1.6 + j * 2.2 + r() * 0.6)))
+    return [
+      { name: 'Leaves', paths: leaves, color: 'leaf' },
+      { name: 'Roses outer', paths: roses.flatMap(x => x.outer), color: 'blush' },
+      { name: 'Rose edges', paths: roses.flatMap(x => x.outer), color: 'ground', o: { strokeWidth: 2.4 * s, opacity: 0.3 } },
+      { name: 'Roses middle', paths: roses.flatMap(x => x.mid), color: 'pink' },
+      { name: 'Rose middle edges', paths: roses.flatMap(x => x.mid), color: 'ground', o: { strokeWidth: 2 * s, opacity: 0.3 } },
+      { name: 'Rose hearts', paths: roses.flatMap(x => x.core), color: 'deep' },
+      { name: 'Rose swirls', paths: roses.flatMap(x => x.swirl), color: 'blush', o: { strokeWidth: 2.4 * s, opacity: 0.8 } },
+    ] as Drawn[]
+  })
+  const fall = [[0.84, 0.56, 20, 0.5], [0.95, 0.64, 16, -0.4], [0.88, 0.74, 13, 1.1], [0.96, 0.84, 15, 0.3], [0.86, 0.92, 11, -0.8]].map(([x, f, sz, t]) => heart(w * x, top + h * f, sz * 2 * s, t))
+  return [...parts.flat(), { name: 'Falling petals', paths: fall, color: 'blush', o: { opacity: 0.85 } }]
+}
+
+export default defineTemplate({
+  id: 'social-holidays-valentines-florist-post',
+  meta: {
+    name: NAME,
+    description: 'A florist’s Valentine’s pre-order post: roses seen from above spill in from the corner of a deep red ground with petals drifting down, “Order your roses by 11 February” in a big serif, three bouquets with prices, and how delivery works. 4:5 for the feed and 9:16 for stories',
+    category: 'social', tags: ['valentine’s day', 'valentines', 'florist', 'flowers', 'roses', 'pre-order', 'flower shop', 'small business', 'delivery', '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: '#7A1027', text: '#FFE9EC', onPaper: '#F7B7C2', primary: '#FFD2DA', onPrimary: '#5E0B1D', line: '#A43450' },
+      { name: 'Petal & Stem', site: 'petalandstem.flowers' },
+    )
+    k.palette({ blush: '#F49AAE', pink: '#DB4A68', deep: '#A11E3C', leaf: '#3F6B4A', ground: '#7A1027' })
+    k.textStyle('Kicker 26', { size: 26, fontWeight: 700, letterSpacing: 5, lineHeight: 34 })
+    k.textStyle('Title 104', { ...SERIF, size: 104, fontWeight: 700, letterSpacing: -3, lineHeight: 100 })
+    k.textStyle('Item 32', { ...SERIF, size: 32, fontWeight: 600, lineHeight: 40 })
+    k.textStyle('Price 32', { size: 32, fontWeight: 800, lineHeight: 40, fontFeatures: { tnum: 1 } })
+    k.textStyle('Body 26', { size: 26, fontWeight: 400, lineHeight: 36 })
+    k.textStyle('Foot 24', { size: 24, fontWeight: 700, letterSpacing: 1, lineHeight: 30 })
+
+    k.component('Bouquet', { direction: 'HORIZONTAL', gap: 24, width: 696, justify: 'SPACE_BETWEEN', padding: { top: 14, right: 0, bottom: 14, left: 0 }, props: { Name: 'Bouquet', Price: '$0' } }, id => {
+      k.propText(id, 'Name', { style: 'Item 32', color: 'text', autoWidth: true, name: 'Bouquet name' })
+      k.propText(id, 'Price', { style: 'Price 32', color: 'onPaper', autoWidth: true, name: 'Bouquet price' })
+    })
+
+    const sheet = k.sheet
+    const { width: W, height: H } = k.node(sheet)
+    k.flowSheet(sheet, 0, { top: 450, right: 300, bottom: 84, left: 84 }, 'paper', 'MIN', 'MIN')
+    draw(k, sheet, art(W, H))
+    k.text(sheet, 'VALENTINE’S DAY · SUNDAY 14 FEB', { style: 'Kicker 26', color: 'onPaper', width: 'FILL', name: 'Kicker' })
+    k.stack(sheet, { height: 20, name: 'Gap' })
+    k.text(sheet, 'Order your roses by 11 February', { style: 'Title 104', color: 'text', width: 'FILL', name: 'Title' })
+    k.stack(sheet, { height: 30, name: 'Gap' })
+    const list = k.stack(sheet, { width: 'FILL', name: 'Bouquets' })
+    for (const [i, [n, p]] of [['A dozen red roses', '$78'], ['Hand-tied spring posy', '$45'], ['One stem, bud vase', '$14']].entries()) {
+      k.instance(list, 'Bouquet', { Name: n, Price: p }, { name: 'Bouquet', width: 'FILL' })
+      if (i < 2) k.rect(list, 'FILL', 2, 'line', { name: 'Rule' })
+    }
+    k.stack(sheet, { height: 24, name: 'Gap' })
+    k.text(sheet, 'Delivered across the city on the 13th and 14th, or collect from the shop. Every bunch comes with a handwritten card.', { style: 'Body 26', color: 'onPaper', width: 'FILL', name: 'Body' })
+    k.stack(sheet, { height: 24, name: 'Gap' })
+    k.text(sheet, '{{brand.name}} · {{brand.site}}', { style: 'Foot 24', color: 'onPaper', width: 'FILL', name: 'Foot' })
+
+    k.textStyle('Title 116', { ...SERIF, size: 116, fontWeight: 700, letterSpacing: -3.4, lineHeight: 110 })
+    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, safe.top - 84))
+        kit.patch(id, { padding: { top: safe.top + 300, right: w - safe.left - 696, bottom: safe.bottom, left: safe.left } })
+        restyleAll(kit, id, [['Title', 'Title 116']])
+        scaleGaps(kit, id, 1)
+      },
+    }
+    k.variants(sheet, [story])
+    return k.finish()
+  },
+})