@popcraft/kit 0.25.0 → 0.26.0

package/src/templates/print/holidays-easter-activity-sheet.ts

@@ -0,0 +1,108 @@
+// A printable Easter activity sheet for children, for a church's Sunday school, a library story hour or the brunch
+// table: three eggs drawn in outline with their bands pencilled in to decorate, a maze to take the rabbit to its
+// basket, and a word builder ("how many words can you make from SPRINGTIME?") with lines to write on. A garden border
+// of tulips and grass runs round the foot into the bleed, and a pastel header carries the title. US Letter, and A4.
+
+import { Kit, preset } from '../kit'
+import { defineTemplate } from '../build'
+import { SERIF } from '../shared/type'
+import type { VectorPath } from '@/lib/document/types'
+import { draw, egg, eggBands, grass, maze, polyP, printVariant, rabbit, sparkle, tulip, type Drawn } from '../themes/holidays-shared'
+
+const NAME = 'Easter activity sheet for kids'
+const PAD = { top: 30, right: 48, bottom: 96, left: 48 }
+
+function frame(w: number, h: number): Drawn[] {
+  const s = w / 816, B = 12
+  const wave: VectorPath = polyP([{ x: -B, y: -B }, { x: w + B, y: -B }, ...Array.from({ length: 25 }, (_, i) => ({ x: w + B - ((w + 2 * B) * i) / 24, y: 128 + Math.sin(i * 0.9) * 8 }))])
+  const tl = [0.03, 0.09, 0.91, 0.97].map((x, i) => tulip(w * x, h + 4, (70 + (i % 2) * 22) * s, (i % 2 ? -0.06 : 0.06)))
+  return [
+    { name: 'Header', paths: [wave], color: 'band' },
+    { name: 'Header sparkles', paths: [sparkle(w * 0.06, 52, 14 * s), sparkle(w * 0.12, 96, 8 * s)], color: 'onBand' },
+    { name: 'Header sparkles', paths: [sparkle(w * 0.93, 46, 16 * s), sparkle(w * 0.87, 92, 9 * s)], color: 'onBand' },
+    { name: 'Grass', paths: grass(-B, w + B, h + B, 52 * s, 9, 80), color: 'grass' },
+    { name: 'Tulip stems', paths: tl.flatMap(t => t.stem), color: 'grassDeep', o: { strokeWidth: 3.4 * s } },
+    { name: 'Tulip leaves', paths: tl.flatMap(t => t.leaves), color: 'grassDeep' },
+    { name: 'Tulips', paths: tl.slice(0, 2).flatMap(t => t.cup), color: 'tulip' },
+    { name: 'Tulips', paths: tl.slice(2).flatMap(t => t.cup), color: 'tulipYellow' },
+  ]
+}
+
+export default defineTemplate({
+  id: 'print-holidays-easter-activity-sheet',
+  meta: {
+    name: NAME,
+    description: 'A printable Easter activity sheet for children: three eggs in outline to decorate, a maze to take the rabbit to its basket, and a word builder for SPRINGTIME with lines to write on, under a pastel header and above a border of tulips and grass. US Letter with bleed, and an A4 copy',
+    category: 'document', tags: ['easter', 'spring', 'kids', 'children', 'activity sheet', 'coloring page', 'colouring', 'maze', 'eggs', 'bunny', 'sunday school', 'printable', 'print'],
+    platforms: ['print'], formats: ['document'], useCases: ['education', '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: '#FFFDF7', text: '#3D3360', onPaper: '#6A5F8E', primary: '#D9577A', onPrimary: '#FFFFFF', line: '#CFC6E4', card: '#F4F0FB', onCard: '#3D3360' },
+      { name: 'St Mark’s Sunday School' },
+    )
+    k.palette({ ink: '#3D3360', band: '#C9E7D9', onBand: '#FFFFFF', grass: '#9ED39B', grassDeep: '#5DA466', tulip: '#F28CA6', tulipYellow: '#F7C85C', outline: '#3D3360', soft: '#F4F0FB', basket: '#C99561', rabbit: '#BFA58C' })
+    k.textStyle('Title 48', { ...SERIF, size: 48, fontWeight: 700, letterSpacing: -1, lineHeight: 52 })
+    k.textStyle('Band sub 15', { size: 15, fontWeight: 600, letterSpacing: 2.6, lineHeight: 20 })
+    k.textStyle('Head 20', { ...SERIF, size: 21, fontWeight: 700, lineHeight: 25 })
+    k.textStyle('Hint 12.5', { size: 12.5, fontWeight: 400, lineHeight: 18 })
+    k.textStyle('Big word 40', { size: 34, fontWeight: 900, letterSpacing: 5, lineHeight: 42 })
+    k.textStyle('Name 12', { size: 12, fontWeight: 600, lineHeight: 18 })
+    k.textStyle('Foot 10', { size: 10, fontWeight: 500, lineHeight: 14 })
+
+    k.component('Panel head', { gap: 2, width: 320, props: { Title: 'Puzzle', Hint: 'What to do' } }, id => {
+      k.propText(id, 'Title', { style: 'Head 20', color: 'onCard', width: 'FILL', name: 'Panel title' })
+      k.propText(id, 'Hint', { style: 'Hint 12.5', color: 'onCard', width: 'FILL', name: 'Panel hint' })
+    })
+    const panel = (parent: string, title: string, hint: string, name: string, width: number | 'FILL' = 'FILL') => {
+      const p = k.stack(parent, { width, gap: 10, padding: 18, fill: 'card', radius: 22, name })
+      k.instance(p, 'Panel head', { Title: title, Hint: hint }, { name: 'Panel head', width: 'FILL' })
+      return p
+    }
+
+    const sheet = k.sheet
+    const { width: W } = k.node(sheet)
+    k.flowSheet(sheet, 14, PAD, 'paper', 'MIN', 'MIN')
+    draw(k, sheet, frame(W, k.node(sheet).height))
+    const head = k.stack(sheet, { width: 'FILL', height: 92, gap: 2, justify: 'CENTER', align: 'CENTER', name: 'Header' })
+    k.text(head, 'Spring Garden Puzzles', { style: 'Title 48', color: 'ink', autoWidth: true, name: 'Title' })
+    k.text(head, 'HAPPY EASTER!', { style: 'Band sub 15', color: 'ink', autoWidth: true, name: 'Subtitle' })
+    k.stack(sheet, { height: 6, name: 'Gap' })
+    const top = k.stack(sheet, { direction: 'HORIZONTAL', width: 'FILL', justify: 'SPACE_BETWEEN', name: 'Name row' })
+    k.text(top, 'Name: ________________________', { style: 'Name 12', color: 'text', autoWidth: true, name: 'Name' })
+    k.text(top, 'Age: ______', { style: 'Name 12', color: 'text', autoWidth: true, name: 'Age' })
+
+    // Three eggs to decorate: the outline and its bands, nothing filled.
+    const eggs = panel(sheet, 'Decorate the eggs', 'Colour them in, follow the lines or invent your own patterns: stripes, spots, zigzags, flowers.', 'Egg panel')
+    const ea = k.stack(eggs, { width: 'FILL', height: 230, name: 'Egg art' })
+    const shapes = [[120, 120, 150, 200, -0.12, 'zigzag'], [340, 116, 160, 212, 0.05, 'waves'], [560, 120, 150, 200, 0.14, 'dots']] as const
+    draw(k, ea, [
+      { name: 'Egg outlines', paths: shapes.map(([x, y, w, h, t]) => egg(x, y, w, h, t)), color: 'outline', o: { strokeWidth: 3 } },
+      { name: 'Egg guides', paths: shapes.flatMap(([x, y, w, h, t, kind]) => eggBands(x, y, w, h, t, kind).lines), color: 'outline', o: { strokeWidth: 1.6, opacity: 0.6 } },
+      { name: 'Egg guide dots', paths: shapes.flatMap(([x, y, w, h, t, kind]) => eggBands(x, y, w, h, t, kind).dots), color: 'outline', o: { strokeWidth: 1.6, opacity: 0.6 } },
+    ])
+
+    const row = k.stack(sheet, { direction: 'HORIZONTAL', gap: 16, width: 'FILL', name: 'Puzzles' })
+    const mz = panel(row, 'Hop to the basket', 'Help the rabbit find the way to its basket of eggs.', 'Maze panel')
+    const mart = k.stack(mz, { width: 300, height: 284, name: 'Maze art' })
+    const cell = 25
+    const rb = rabbit(16, 36, 46, 1)
+    draw(k, mart, [
+      { name: 'Maze walls', paths: maze(0, 40, 12, 9, cell, 327), color: 'outline', o: { strokeWidth: 3 } },
+      { name: 'Rabbit', paths: rb.body, color: 'rabbit' },
+      { name: 'Basket', paths: [polyP([{ x: 268, y: 266 }, { x: 300, y: 266 }, { x: 296, y: 284 }, { x: 272, y: 284 }]), { closed: false, points: [{ x: 270, y: 266 }, { x: 298, y: 266, handleIn: { x: 284, y: 248 } }] }], color: 'basket', o: { strokeWidth: 2.4 } },
+      { name: 'Basket eggs', paths: [egg(278, 262, 10, 13), egg(290, 262, 10, 13, 0.3)], color: 'tulip' },
+    ])
+    const wb = panel(row, 'Word builder', 'How many words can you make from the letters of this word? Rest, ring, time…', 'Word panel')
+    k.text(wb, 'SPRINGTIME', { style: 'Big word 40', color: 'onCard', align: 'CENTER', width: 'FILL', name: 'Big word' })
+    k.text(wb, '_________________   _________________\n_________________   _________________\n_________________   _________________\n_________________   _________________\n_________________   _________________', { style: 'Name 12', color: 'onCard', align: 'CENTER', width: 'FILL', name: 'Lines' })
+    k.text(sheet, 'Happy Easter from {{brand.name}}. Bring your sheet on Sunday for a sticker!', { style: 'Foot 10', color: 'onPaper', align: 'CENTER', width: 'FILL', name: 'Foot' })
+
+    k.variants(sheet, [printVariant('a4', { art: frame, pad: PAD, masterWidth: W })])
+    return k.finish()
+  },
+})

package/src/templates/print/holidays-easter-egg-hunt-flyer.ts

@@ -0,0 +1,118 @@
+// A flyer for a neighbourhood Easter egg hunt in the park, in spring pastels cut like paper: a sun and clouds across
+// the top, "The Great Egg Hunt" in chunky type, the three age groups and their start times as cards, what to bring
+// and what else is on, and along the foot layered hills with painted eggs hidden in the grass, tulips, and a rabbit
+// watching from the hedge. US Letter for the noticeboard and the school bag, with the sky and hills running into the
+// bleed, and an A4 copy with the drawing worked out again.
+
+import { Kit, preset } from '../kit'
+import { defineTemplate } from '../build'
+import { SERIF } from '../shared/type'
+import type { VectorPath } from '@/lib/document/types'
+import { along, disc, draw, egg, eggBands, grass, polyP, quad, printVariant, rabbit, rectPath, tulip, type Drawn } from '../themes/holidays-shared'
+
+const NAME = 'Easter egg hunt flyer'
+const PAD = { top: 236, right: 56, bottom: 316, left: 56 }
+
+function hill(w: number, y: number, amp: number, phase: number, bottom: number, B: number): VectorPath {
+  return polyP([{ x: -B, y: bottom + B }, ...Array.from({ length: 17 }, (_, i) => ({ x: -B + ((w + 2 * B) * i) / 16, y: y + Math.sin(i * 0.5 + phase) * amp })), { x: w + B, y: bottom + B }])
+}
+
+function art(w: number, h: number): Drawn[] {
+  const s = w / 816, B = 12
+  const sun = { x: w - 120 * s, y: 70 * s }
+  const rays: VectorPath[] = Array.from({ length: 14 }, (_, i) => { const a = (i * Math.PI) / 7; return polyP([{ x: sun.x + Math.cos(a - 0.09) * 70 * s, y: sun.y + Math.sin(a - 0.09) * 70 * s }, { x: sun.x + Math.cos(a) * 112 * s, y: sun.y + Math.sin(a) * 112 * s }, { x: sun.x + Math.cos(a + 0.09) * 70 * s, y: sun.y + Math.sin(a + 0.09) * 70 * s }]) })
+  const cloud = (x: number, y: number, k: number) => [disc(x, y, 46 * k * s, 26 * k * s), disc(x + 40 * k * s, y - 14 * k * s, 36 * k * s, 30 * k * s), disc(x + 82 * k * s, y + 2 * k * s, 40 * k * s, 22 * k * s), rectPath(x - 30 * k * s, y + 4 * k * s, 140 * k * s, 22 * k * s)]
+  const g = h - 330 * s
+  const eggs = [[0.12, 0.83, 54, -0.3, 'zigzag', 'eggPink'], [0.3, 0.9, 46, 0.25, 'dots', 'eggYellow'], [0.52, 0.86, 58, -0.1, 'waves', 'eggBlue'], [0.7, 0.93, 44, 0.35, 'zigzag', 'eggLilac'], [0.9, 0.85, 50, -0.2, 'dots', 'eggPink'], [0.42, 0.96, 40, -0.4, 'zigzag', 'eggYellow']] as const
+  // Bunting across the top: a string that dips twice, and pennants in the eggs' colours.
+  const flags = { eggPink: [] as VectorPath[], eggYellow: [] as VectorPath[], eggBlue: [] as VectorPath[], eggLilac: [] as VectorPath[] }
+  const string: VectorPath[] = []
+  const cols = ['eggPink', 'eggYellow', 'eggBlue', 'eggLilac'] as const
+  for (let span = 0; span < 2; span++) {
+    const a = { x: -B + span * (w + 2 * B) / 2, y: 150 * s }, c = { x: -B + (span + 1) * (w + 2 * B) / 2, y: 150 * s }, m = { x: (a.x + c.x) / 2, y: 210 * s }
+    string.push(quad(a, m, c, 16))
+    for (let i = 1; i < 9; i++) {
+      const t = i / 9, p = along(a, m, c, t), q = along(a, m, c, t + 0.07)
+      const dx = q.p.x - p.p.x, dy = q.p.y - p.p.y
+      flags[cols[(i + span) % 4]].push(polyP([p.p, q.p, { x: (p.p.x + q.p.x) / 2 - dy * 0.9, y: (p.p.y + q.p.y) / 2 + Math.abs(dx) * 1.3 }]))
+    }
+  }
+  const out: Drawn[] = [
+    { name: 'Sun rays', paths: rays, color: 'sun', o: { opacity: 0.7 } },
+    { name: 'Sun', paths: [disc(sun.x, sun.y, 60 * s)], color: 'sun' },
+    { name: 'Clouds', paths: cloud(60 * s, 82 * s, 1), color: 'cloud' },
+    { name: 'Clouds', paths: cloud(380 * s, 46 * s, 0.7), color: 'cloud' },
+    { name: 'Bunting string', paths: string, color: 'eggInk', o: { strokeWidth: 1.6 * s } },
+    ...cols.map(cname => ({ name: 'Bunting', paths: flags[cname], color: cname })),
+    { name: 'Far hill', paths: [hill(w, g + 70 * s, 18 * s, 0.3, h, B)], color: 'hillFar' },
+    { name: 'Hedge', paths: Array.from({ length: 9 }, (_, i) => disc(w * (0.58 + i * 0.055), g + 96 * s - (i % 2) * 8 * s, 34 * s, 28 * s)), color: 'hedge' },
+    { name: 'Mid hill', paths: [hill(w, g + 150 * s, 14 * s, 2.0, h, B)], color: 'hillMid' },
+    { name: 'Near hill', paths: [hill(w, g + 220 * s, 10 * s, 4.2, h, B)], color: 'hillNear' },
+  ]
+  const r = rabbit(w * 0.84, g + 120 * s, 120 * s, -1)
+  out.push({ name: 'Rabbit', paths: r.body, color: 'rabbit' }, { name: 'Rabbit tail', paths: r.tail, color: 'cloud' })
+  const tl = [tulip(w * 0.04, h - 70 * s, 120 * s, 0.05), tulip(w * 0.08, h - 60 * s, 96 * s, -0.08), tulip(w * 0.96, h - 64 * s, 110 * s, -0.05), tulip(w * 0.62, h - 30 * s, 84 * s, 0.06)]
+  out.push({ name: 'Tulip stems', paths: tl.flatMap(t => t.stem), color: 'stem', o: { strokeWidth: 4 * s } }, { name: 'Tulip leaves', paths: tl.flatMap(t => t.leaves), color: 'stem' }, { name: 'Tulips', paths: tl.flatMap(t => t.cup), color: 'tulip' })
+  for (const [x, y, sz, t, kind, col] of eggs) {
+    const cx = w * x, cy = h * y
+    const b = eggBands(cx, cy, sz * 0.78 * s, sz * s, t, kind)
+    out.push({ name: 'Egg', paths: [egg(cx, cy, sz * 0.78 * s, sz * s, t)], color: col }, { name: 'Egg bands', paths: b.lines, color: 'eggInk', o: { strokeWidth: 2.6 * s } }, { name: 'Egg dots', paths: b.dots, color: 'cloud' })
+  }
+  out.push({ name: 'Grass', paths: grass(-B, w + B, h + B, 44 * s, 31, 70), color: 'hillNear' })
+  return out
+}
+
+export default defineTemplate({
+  id: 'print-holidays-easter-egg-hunt-flyer',
+  meta: {
+    name: NAME,
+    description: 'A flyer for a neighbourhood Easter egg hunt in spring pastels cut like paper: sun and clouds, “The Great Egg Hunt” in chunky type, the age groups and start times as cards, what to bring and what else is on, and layered hills with painted eggs hidden in the grass, tulips and a rabbit. US Letter with bleed, and an A4 copy',
+    category: 'flyer', tags: ['easter', 'egg hunt', 'spring', 'kids', 'family', 'community', 'church', 'park', 'eggs', 'bunny', 'tulips', 'pastel', 'flyer', 'poster', 'print', 'event'],
+    platforms: ['print'], formats: ['flyer', 'poster'], useCases: ['event', 'announcement'],
+    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: '#EAF4FB', text: '#3B2A5C', onPaper: '#6A3FA8', primary: '#7B4FB8', onPrimary: '#FFFFFF', card: '#FFFFFF', onCard: '#3B2A5C' },
+      { name: 'Linden Park Neighbours' },
+    )
+    k.palette({ sun: '#FFD36B', cloud: '#FFFFFF', hillFar: '#B9DFA6', hillMid: '#8CCB83', hillNear: '#5FAE6A', hedge: '#4E9A5C', rabbit: '#C9B39C', stem: '#4E8F55', tulip: '#F27A8E', eggPink: '#F7A6C1', eggYellow: '#FFE07A', eggBlue: '#9ED4F2', eggLilac: '#C8B2EE', eggInk: '#7B4FB8' })
+    k.textStyle('Kicker 15', { size: 15, fontWeight: 700, letterSpacing: 3.5, lineHeight: 20 })
+    k.textStyle('Title 84', { size: 96, fontWeight: 900, letterSpacing: -3.6, lineHeight: 90 })
+    k.textStyle('When 22', { ...SERIF, size: 22, fontWeight: 600, lineHeight: 28 })
+    k.textStyle('Age 13', { size: 13, fontWeight: 800, letterSpacing: 1.6, lineHeight: 17 })
+    k.textStyle('Time 26', { size: 26, fontWeight: 900, lineHeight: 30, fontFeatures: { tnum: 1 } })
+    k.textStyle('Where 13', { ...SERIF, size: 13, fontWeight: 400, fontStyle: 'italic', lineHeight: 17 })
+    k.textStyle('Body 15', { ...SERIF, size: 15, fontWeight: 400, lineHeight: 21 })
+
+    k.component('Age group', { gap: 2, width: 212, padding: { top: 14, right: 16, bottom: 14, left: 16 }, fill: 'card', radius: 18, align: 'CENTER', props: { Ages: 'AGES 0–3', Time: '10:00', Where: 'The toddler meadow' } }, id => {
+      k.propText(id, 'Ages', { style: 'Age 13', color: 'onCard', align: 'CENTER', width: 'FILL', name: 'Ages' })
+      k.propText(id, 'Time', { style: 'Time 26', color: 'onCard', align: 'CENTER', width: 'FILL', name: 'Time' })
+      k.propText(id, 'Where', { style: 'Where 13', color: 'onCard', align: 'CENTER', width: 'FILL', name: 'Where' })
+    })
+
+    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, 'BRING A BASKET TO', { style: 'Kicker 15', color: 'onPaper', ...c, name: 'Kicker' })
+    k.stack(sheet, { height: 8, name: 'Gap' })
+    k.text(sheet, 'The Great Egg Hunt', { style: 'Title 84', color: 'text', ...c, name: 'Title' })
+    k.stack(sheet, { height: 14, name: 'Gap' })
+    k.text(sheet, 'Saturday 27 March · from 10 am · Linden Park bandstand', { style: 'When 22', color: 'text', ...c, name: 'When' })
+    k.stack(sheet, { height: 22, name: 'Gap' })
+    const ages = k.stack(sheet, { direction: 'HORIZONTAL', gap: 16, width: 'HUG', name: 'Age groups' })
+    for (const [a, t, wh] of [['AGES 0–3', '10:00', 'The toddler meadow'], ['AGES 4–7', '10:20', 'Round the bandstand'], ['AGES 8–11', '10:40', 'The whole park. Good luck']]) k.instance(ages, 'Age group', { Ages: a, Time: t, Where: wh }, { name: 'Age group' })
+    k.stack(sheet, { height: 22, name: 'Gap' })
+    k.text(sheet, 'Free for every child. Over 1,500 eggs hidden, one golden egg per hunt with a prize, face painting, and hot cross buns from the bake stall. Rain or shine: if it pours, we move to the scout hut.', { style: 'Body 15', color: 'text', ...c, name: 'Body' })
+    k.stack(sheet, { height: 12, name: 'Gap' })
+    k.text(sheet, 'Hosted by {{brand.name}} · lindenparkneighbours.org', { style: 'Age 13', color: 'onPaper', ...c, name: 'Host' })
+
+    k.variants(sheet, [printVariant('a4', { art, pad: PAD, masterWidth: W })])
+    return k.finish()
+  },
+})

package/src/templates/print/holidays-eid-dinner-invitation.ts

@@ -0,0 +1,104 @@
+// A printed invitation to an Eid al-Fitr dinner at home: a pointed arch drawn in fine gold double lines frames the
+// card, eight-pointed stars tile the margins outside it on deep midnight teal, a crescent moon and star sit in the
+// arch's crown, and three lanterns (fanous) hang inside it at different heights over "Eid Mubarak" in a gold serif
+// and the evening's details, with the date given as the moon allows. 5 × 7 inches with the tiles running into the
+// bleed, and an A6 copy with the drawing worked out again.
+
+import { Kit, preset } from '../kit'
+import { defineTemplate } from '../build'
+import { SERIF } from '../shared/type'
+import { blurred } from '../shared/texture'
+import { archPath, crescent, draw, eightStar, fanous, flourishComponent, printVariant, starPath, tilePattern, type Drawn } from '../themes/holidays-shared'
+
+const NAME = 'Eid dinner invitation'
+const PAD = { top: 318, right: 74, bottom: 66, left: 74 }
+
+function art(w: number, h: number): Drawn[] {
+  const s = w / 480, B = 14 * s, cx = w / 2
+  const aw = w - 92 * s, base = h - 34 * s, spring = 196 * s, tip = 44 * s
+  const outer = archPath(cx, aw, base, spring, tip), inner = archPath(cx, aw - 14 * s, base - 7 * s, spring + 4 * s, tip + 10 * s)
+  // The tiles only in the margins outside the arch: a band down each side, and the two corners above its shoulders.
+  const tiles = (x0: number, y0: number, x1: number, y1: number) => { const t = tilePattern(x1 - x0, y1 - y0, 34 * s); const mv = (p: Drawn['paths'][number]) => ({ ...p, points: p.points.map(q => ({ ...q, x: q.x + x0, y: q.y + y0 })) }); return { stars: t.stars.map(mv), joins: t.joins.map(mv) } }
+  const parts = [tiles(-B, -B, 40 * s, h + B), tiles(w - 40 * s, -B, w + B, h + B), tiles(40 * s, -B, w * 0.3, 92 * s), tiles(w * 0.7, -B, w - 40 * s, 92 * s)]
+  const lanterns = [fanous(cx - 100 * s, 0, 104 * s), fanous(cx, 0, 136 * s), fanous(cx + 100 * s, 0, 94 * s)].map((l, i) => ({ l, drop: [92, 140, 70][i] * s }))
+  const lifted = lanterns.map(({ l, drop }) => {
+    const mv = (p: Drawn['paths'][number]) => ({ ...p, points: p.points.map(q => ({ ...q, y: q.y + drop, ...(q.handleIn ? { handleIn: { ...q.handleIn, y: q.handleIn.y + drop } } : {}), ...(q.handleOut ? { handleOut: { ...q.handleOut, y: q.handleOut.y + drop } } : {}) })) })
+    return { metal: l.metal.map(mv), glass: l.glass.map(mv), frame: l.frame.map(mv), glow: l.glow.map(mv) }
+  })
+  const chains = lanterns.map(({ drop }, i) => { const x = [cx - 100 * s, cx, cx + 100 * s][i]; return { closed: false, points: [{ x, y: tip + 34 * s }, { x, y: drop + 3 * s }] } })
+  return [
+    ...parts.map(p => ({ name: 'Tiles', paths: p.stars, color: 'tile' })),
+    ...parts.map(p => ({ name: 'Tile joins', paths: p.joins, color: 'tileDeep' })),
+    { name: 'Arch', paths: [outer], color: 'gold', o: { strokeWidth: 2 * s } },
+    { name: 'Arch inner', paths: [inner], color: 'gold', o: { strokeWidth: 0.8 * s, opacity: 0.8 } },
+    { name: 'Crescent', paths: [crescent(cx - 4 * s, tip + 36 * s, 16 * s, 0.5, 1, -0.5)], color: 'gold' },
+    { name: 'Star', paths: [starPath(cx + 12 * s, tip + 28 * s, 5 * s, 2 * s)], color: 'gold' },
+    { name: 'Chains', paths: chains, color: 'gold', o: { strokeWidth: 0.8 * s } },
+    { name: 'Lantern glow', paths: lifted.flatMap(l => l.glass), color: 'amber', o: { opacity: 0.5, effects: [blurred(12 * s)] } },
+    { name: 'Lantern glass', paths: lifted.flatMap(l => l.glass), color: 'amber' },
+    { name: 'Lantern flames', paths: lifted.flatMap(l => l.glow), color: 'cream' },
+    { name: 'Lantern frames', paths: lifted.flatMap(l => l.frame), color: 'goldDeep', o: { strokeWidth: 1.2 * s } },
+    { name: 'Lanterns', paths: lifted.flatMap(l => l.metal), color: 'gold' },
+    { name: 'Foot star', paths: [eightStar(cx, h - 52 * s, 8 * s)], color: 'gold' },
+  ]
+}
+
+export default defineTemplate({
+  id: 'print-holidays-eid-dinner-invitation',
+  meta: {
+    name: NAME,
+    description: 'A printed invitation to an Eid al-Fitr dinner at home: a pointed arch in fine gold lines frames the card, eight-pointed stars tile the margins on deep midnight teal, a crescent and star sit in the arch’s crown and three lanterns hang inside it over “Eid Mubarak” in a gold serif and the details, the date given as the moon allows. 5 × 7 inches with bleed, and an A6 copy',
+    category: 'invitation', tags: ['eid', 'eid al-fitr', 'eid mubarak', 'ramadan', 'iftar', 'dinner', 'family', 'lantern', 'fanous', 'crescent', 'islamic geometric', 'muslim', 'invitation', 'print', 'card'],
+    platforms: ['print'], formats: ['card'], useCases: ['invitation', '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: '#0B3B44', text: '#FFF6E2', onPaper: '#E7C77A', primary: '#E7C77A', onPrimary: '#0B3B44' },
+      { name: 'the Rahman family' },
+    )
+    k.palette({ gold: '#E2BE6A', goldDeep: '#A88334', amber: '#F2A93B', cream: '#FFF6E2', tile: '#1C5A63', tileDeep: '#13474F' })
+    k.textStyle('Kicker 10.5', { size: 10.5, fontWeight: 700, letterSpacing: 3.2, lineHeight: 15 })
+    k.textStyle('Title 50', { ...SERIF, size: 50, fontWeight: 600, letterSpacing: -0.8, lineHeight: 52 })
+    k.textStyle('Sub 16', { ...SERIF, size: 16, fontWeight: 400, fontStyle: 'italic', lineHeight: 22 })
+    k.textStyle('When 14', { size: 14, fontWeight: 700, lineHeight: 20 })
+    k.textStyle('Body 11.5', { ...SERIF, size: 11.5, fontWeight: 400, lineHeight: 16.5 })
+    k.textStyle('Rsvp 9.5', { size: 9.5, fontWeight: 700, letterSpacing: 1.4, lineHeight: 14 })
+
+    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, 'WITH JOY, WE INVITE YOU', { style: 'Kicker 10.5', color: 'onPaper', ...c, name: 'Kicker' })
+    k.stack(sheet, { height: 6, name: 'Gap' })
+    k.text(sheet, 'Eid Mubarak', { style: 'Title 50', color: 'onPaper', ...c, name: 'Title' })
+    k.text(sheet, 'to Eid al-Fitr dinner with {{brand.name}}', { style: 'Sub 16', color: 'text', ...c, name: 'Sub' })
+    k.stack(sheet, { height: 12, name: 'Gap' })
+    flourishComponent(k, 'Star rule', 'primary', eightStar(0, 0, 10), { rule: 26, size: 9 })
+    k.instance(sheet, 'Star rule', {}, { name: 'Divider' })
+    k.stack(sheet, { height: 12, name: 'Gap' })
+    k.text(sheet, 'Tuesday 9 March, after Maghrib', { style: 'When 14', color: 'text', ...c, name: 'When' })
+    k.text(sheet, 'or the evening Eid falls, as the moon decides', { style: 'Body 11.5', color: 'onPaper', ...c, name: 'Moon' })
+    k.text(sheet, '12 Cedar Hollow Drive, Dearborn', { style: 'Body 11.5', color: 'text', ...c, name: 'Where' })
+    k.stack(sheet, { height: 10, name: 'Gap' })
+    k.text(sheet, 'Biryani, sheer khurma and far too many sweets. Eidi bags for the children at the door.', { style: 'Body 11.5', color: 'text', ...c, name: 'Body' })
+    k.stack(sheet, { height: 10, name: 'Gap' })
+    k.text(sheet, 'RSVP TO AMINA · (313) 555-0147', { style: 'Rsvp 9.5', color: 'onPaper', ...c, name: 'Rsvp' })
+
+    k.textStyle('Title 42', { ...SERIF, size: 42, fontWeight: 600, letterSpacing: -0.6, lineHeight: 44 })
+    k.textStyle('Sub 13.5', { ...SERIF, size: 13.5, fontWeight: 400, fontStyle: 'italic', lineHeight: 18 })
+    k.textStyle('When 12', { size: 12, fontWeight: 700, lineHeight: 17 })
+    k.textStyle('Body 10', { ...SERIF, size: 10, fontWeight: 400, lineHeight: 14 })
+    k.textStyle('Rsvp 8.5', { size: 8.5, fontWeight: 700, letterSpacing: 1.1, lineHeight: 13 })
+    k.textStyle('Kicker 9', { size: 9, fontWeight: 700, letterSpacing: 2.6, lineHeight: 13 })
+    k.variants(sheet, [printVariant('a6', {
+      art, pad: PAD, masterWidth: W,
+      styles: [['Title', 'Title 42'], ['Sub', 'Sub 13.5'], ['When', 'When 12'], ['Where', 'Body 10'], ['Moon', 'Body 10'], ['Body', 'Body 10'], ['Rsvp', 'Rsvp 8.5'], ['Kicker', 'Kicker 9']],
+    })])
+    return k.finish()
+  },
+})

package/src/templates/print/holidays-eid-gift-tags.ts

@@ -0,0 +1,94 @@
+// A sheet of twelve Eid gift tags for Eidi envelopes and presents: tall tags with clipped corners and a punched hole
+// for the ribbon, in mint, lilac, sand and deep teal, each with a picture (a hanging lantern, a crescent and star, an
+// eight-pointed star, an arched window), a greeting ("Eid Mubarak", "Eid Saeed") and "To" and "From" lines. One
+// component set, so a colour change reaches every tag. US Letter on a soft ground with a border of eight-pointed stars
+// running into the bleed, and an A4 copy.
+
+import { Kit, preset } from '../kit'
+import { defineTemplate } from '../build'
+import { SERIF } from '../shared/type'
+import type { VectorPath } from '@/lib/document/types'
+import { archPath, crescent, disc, draw, eightStar, fanous, polyP, printVariant, starPath, tilePattern, type Drawn } from '../themes/holidays-shared'
+
+const NAME = 'Eid gift tags sheet'
+const TW = 158, TH = 256
+const PAD = { top: 60, right: 48, bottom: 44, left: 48 }
+
+type Design = 'Lantern' | 'Crescent' | 'Star' | 'Arch'
+const DESIGNS: readonly Design[] = ['Lantern', 'Crescent', 'Star', 'Arch']
+const LOOK: Record<Design, { tag: string; ink: string; art: string; art2: string }> = {
+  Lantern: { tag: 'mint', ink: 'tealInk', art: 'gold', art2: 'tealInk' },
+  Crescent: { tag: 'teal', ink: 'sand', art: 'gold', art2: 'sand' },
+  Star: { tag: 'lilac', ink: 'plumInk', art: 'gold', art2: 'plumInk' },
+  Arch: { tag: 'sand', ink: 'tealInk', art: 'teal', art2: 'gold' },
+}
+
+/** The tag: a tall card with its top corners clipped. */
+const tagShape = (): VectorPath => polyP([{ x: 28, y: 0 }, { x: TW - 28, y: 0 }, { x: TW, y: 28 }, { x: TW, y: TH }, { x: 0, y: TH }, { x: 0, y: 28 }])
+
+function picture(d: Design, cx: number, cy: number): Drawn[] {
+  const L = LOOK[d]
+  if (d === 'Lantern') { const f = fanous(cx, cy - 46, 92); return [{ name: 'Lantern glass', paths: f.glass, color: 'amber' }, { name: 'Lantern frame', paths: f.frame, color: L.art2, o: { strokeWidth: 1.2 } }, { name: 'Lantern', paths: f.metal, color: L.art }] }
+  if (d === 'Crescent') return [{ name: 'Crescent', paths: [crescent(cx - 4, cy, 34, 0.5, 1, -0.5)], color: L.art }, { name: 'Star', paths: [starPath(cx + 22, cy - 16, 9, 3.6)], color: L.art }, { name: 'Little stars', paths: [starPath(cx - 30, cy + 30, 4, 1.6), starPath(cx + 30, cy + 26, 3, 1.2)], color: L.art2 }]
+  if (d === 'Star') return [{ name: 'Big star', paths: [eightStar(cx, cy, 36)], color: L.art }, { name: 'Star heart', paths: [eightStar(cx, cy, 20)], color: L.tag }, { name: 'Star dot', paths: [disc(cx, cy, 8)], color: L.art2 }]
+  return [{ name: 'Window', paths: [archPath(cx, 64, cy + 40, cy - 6, cy - 50)], color: L.art }, { name: 'Window light', paths: [archPath(cx, 44, cy + 32, cy, cy - 34)], color: 'amber' }, { name: 'Sill', paths: [polyP([{ x: cx - 40, y: cy + 40 }, { x: cx + 40, y: cy + 40 }, { x: cx + 34, y: cy + 48 }, { x: cx - 34, y: cy + 48 }])], color: L.art2 }]
+}
+
+function border(w: number, h: number): Drawn[] {
+  const B = 12, band = 30
+  const place = (x0: number, y0: number, x1: number, y1: number) => { const t = tilePattern(x1 - x0, y1 - y0, 30); return t.stars.map(p => ({ ...p, points: p.points.map(q => ({ ...q, x: q.x + x0, y: q.y + y0 })) })) }
+  return [
+    { name: 'Border', paths: place(-B, -B, w + B, band), color: 'border' },
+    { name: 'Border', paths: place(-B, h - band, w + B, h + B), color: 'border' },
+  ]
+}
+
+export default defineTemplate({
+  id: 'print-holidays-eid-gift-tags',
+  meta: {
+    name: NAME,
+    description: 'Twelve Eid gift tags for Eidi envelopes and presents on one sheet: tall tags with clipped corners and a ribbon hole in mint, lilac, sand and deep teal, each with a lantern, a crescent and star, an eight-pointed star or an arched window, a greeting and “To” and “From” lines. One component set, so a colour change reaches every tag. US Letter with bleed, and an A4 copy',
+    category: 'sticker', tags: ['eid', 'eid al-fitr', 'eid al-adha', 'eid mubarak', 'eidi', 'gift tags', 'labels', 'presents', 'lantern', 'crescent', 'islamic geometric', 'printable', 'diy', 'print'],
+    platforms: ['print'], formats: ['card'], useCases: ['greeting'],
+    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: '#FBF7EF', text: '#123F45', onPaper: '#5A6E6F', primary: '#1C5A63', onPrimary: '#FFFFFF' },
+      { name: 'The Siddiqui family' },
+    )
+    k.palette({ mint: '#CFEAD9', teal: '#1C5A63', lilac: '#DCCDEE', sand: '#F1E2C4', gold: '#D9A93E', amber: '#F2B54A', tealInk: '#123F45', plumInk: '#40285E', border: '#E3D4AE' })
+    k.textStyle('Head 30', { ...SERIF, size: 30, fontWeight: 600, letterSpacing: -0.4, lineHeight: 34 })
+    k.textStyle('Note 11', { size: 11, fontWeight: 500, lineHeight: 16 })
+    k.textStyle('Greeting 17', { ...SERIF, size: 17, fontWeight: 700, lineHeight: 21 })
+    k.textStyle('Tag word 8.5', { size: 8.5, fontWeight: 700, letterSpacing: 1.8, lineHeight: 15 })
+
+    k.variantSet('Eid tag', 'Design', DESIGNS, { width: TW, height: TH, padding: { top: 150, right: 14, bottom: 16, left: 14 }, gap: 4, align: 'CENTER', props: { Greeting: 'Eid Mubarak', To: 'TO: ____________', From: 'FROM: __________' } }, (d, id) => {
+      const L = LOOK[d as Design]
+      k.vector(id, TW, TH, [tagShape()], L.tag, { name: 'Tag', absolute: { x: 0, y: 0 } })
+      k.vector(id, 14, 14, [disc(7, 7, 7)], 'paper', { name: 'Ribbon hole', absolute: { x: TW / 2 - 7, y: 14 } })
+      k.vector(id, 20, 20, [disc(10, 10, 10)], [], { name: 'Hole ring', absolute: { x: TW / 2 - 10, y: 11 }, stroke: { color: L.art, width: 1.4 } })
+      draw(k, id, picture(d as Design, TW / 2, 92))
+      k.propText(id, 'Greeting', { style: 'Greeting 17', color: L.ink, align: 'CENTER', width: 'FILL', name: 'Greeting' })
+      k.propText(id, 'To', { style: 'Tag word 8.5', color: L.ink, align: 'CENTER', width: 'FILL', name: 'To' })
+      k.propText(id, 'From', { style: 'Tag word 8.5', color: L.ink, align: 'CENTER', width: 'FILL', name: 'From' })
+    })
+
+    const sheet = k.sheet
+    const { width: W, height: H } = k.node(sheet)
+    k.flowSheet(sheet, 18, PAD, 'paper', 'MIN', 'CENTER')
+    draw(k, sheet, border(W, H))
+    k.text(sheet, 'Eid gift tags', { style: 'Head 30', color: 'text', align: 'CENTER', width: 'FILL', name: 'Title' })
+    const grid = k.stack(sheet, { direction: 'HORIZONTAL', wrap: true, gap: 18, width: 'FILL', justify: 'CENTER', name: 'Tags' })
+    k.patch(grid, { counterAxisSpacing: 18 })
+    const greet = ['Eid Mubarak', 'Eid Saeed', 'Your Eidi!', 'With love', 'Eid Mubarak', 'For you', 'Happy Eid', 'Eid Mubarak', 'Eid Saeed', 'With love', 'Your Eidi!', 'Happy Eid']
+    greet.forEach((g, i) => k.instance(grid, `Eid tag/${DESIGNS[(i + Math.floor(i / 4)) % 4]}`, { Greeting: g }, { name: 'Eid tag' }))
+    k.text(sheet, 'Print on card, cut round each tag, punch the hole and thread a ribbon. From {{brand.name}}', { style: 'Note 11', color: 'text', align: 'CENTER', width: 'FILL', name: 'Note' })
+
+    k.variants(sheet, [printVariant('a4', { art: border, pad: PAD, masterWidth: W })])
+    return k.finish()
+  },
+})

package/src/templates/print/holidays-halloween-party-invitation.ts

@@ -0,0 +1,101 @@
+// A printed invitation to a grown-ups' Halloween costume party: a full harvest moon fills the top of a night-black card
+// with "Monster Mash" set heavy in black across its face, bats wheel round its edge and a web hangs in the corner,
+// the details follow in bone and pumpkin orange, and three jack-o'-lanterns glow along the foot in the grass. 5 × 7
+// inches with the night running into the bleed, and an A6 copy with the drawing worked out again.
+
+import { Kit, preset } from '../kit'
+import { defineTemplate } from '../build'
+import { SERIF } from '../shared/type'
+import { blurred } from '../shared/texture'
+import { bat, branch, disc, draw, polyP, rectPath, flourishComponent, grass, jackFace, printVariant, pumpkin, specksIn, web, type Drawn } from '../themes/holidays-shared'
+
+const NAME = 'Halloween costume party invitation'
+const PAD = { top: 92, right: 44, bottom: 120, left: 44 }
+
+function art(w: number, h: number): Drawn[] {
+  const s = w / 480, B = 14 * s, cx = w / 2
+  const moon = { x: cx, y: 160 * s, r: 132 * s }
+  const craters = [[-50, -60, 18], [40, -30, 12], [-20, 50, 22], [60, 60, 14], [-80, 20, 9]].map(([x, y, r]) => disc(moon.x + x * s, moon.y + y * s, r * s))
+  const bats = [[0.12, 0.08, 46, 0.4], [0.86, 0.06, 38, -0.2], [0.92, 0.33, 30, 0.2], [0.08, 0.34, 26, -0.4], [0.76, 0.42, 22, 0.1]].map(([x, y, sz, f]) => bat(w * x, h * y, sz * s, f))
+  const fence = Array.from({ length: 11 }, (_, i) => { const x = w * 0.52 + i * 20 * s; return polyP([{ x, y: h - 92 * s }, { x: x + 5 * s, y: h - 104 * s }, { x: x + 10 * s, y: h - 92 * s }, { x: x + 10 * s, y: h - 40 * s }, { x, y: h - 40 * s }]) })
+  fence.push(rectPath(w * 0.52, h - 82 * s, 220 * s, 5 * s), rectPath(w * 0.52, h - 58 * s, 220 * s, 5 * s))
+  const tree = branch([{ x: 40 * s, y: h }, { x: 46 * s, y: h - 120 * s }, { x: 64 * s, y: h - 190 * s }, { x: 104 * s, y: h - 236 * s }], 8, 6, 46 * s)
+  const pk = [[0.2, 74, 60], [0.5, 104, 80], [0.8, 78, 62]].map(([x, pw, ph]) => ({ x: w * x, p: pumpkin(w * x, h - 22 * s, pw * s * 1.2, ph * s), face: jackFace(w * x, h - 22 * s - ph * s * 0.48, pw * s * 1.0) }))
+  return [
+    { name: 'Stars', paths: specksIn({ x: -B, y: -B, w: 90 * s, h: 330 * s }, 300 * s * s, 4, 2 * s), color: 'bone', o: { opacity: 0.5 } },
+    { name: 'Stars', paths: specksIn({ x: w - 76 * s, y: -B, w: 90 * s, h: 330 * s }, 300 * s * s, 5, 2 * s), color: 'bone', o: { opacity: 0.5 } },
+    { name: 'Moon glow', paths: [disc(moon.x, moon.y, moon.r * 1.12)], color: 'bone', o: { opacity: 0.22, effects: [blurred(18 * s)] } },
+    { name: 'Moon', paths: [disc(moon.x, moon.y, moon.r)], color: 'bone' },
+    { name: 'Craters', paths: craters, color: 'boneDeep', o: { opacity: 0.55 } },
+    { name: 'Web', paths: web(-4 * s, -4 * s, 120 * s, 0, Math.PI / 2, 7, 6), color: 'bone', o: { strokeWidth: 1 * s, opacity: 0.6 } },
+    ...bats.map(b => ({ name: 'Bat', paths: [b], color: 'batPurple' })),
+    { name: 'Hill', paths: [polyP([{ x: -B, y: h + B }, ...Array.from({ length: 13 }, (_, i) => ({ x: -B + ((w + 2 * B) * i) / 12, y: h - 96 * s + Math.sin(i * 0.7) * 10 * s })), { x: w + B, y: h + B }])], color: 'hill' },
+    { name: 'Fence', paths: fence, color: 'hill' },
+    { name: 'Tree', paths: tree.limb, color: 'hill', o: { strokeWidth: 7 * s } },
+    { name: 'Twigs', paths: tree.twigs, color: 'hill', o: { strokeWidth: 3 * s } },
+    { name: 'Pumpkin glow', paths: pk.map(p => disc(p.x, h - 48 * s, 64 * s, 44 * s)), color: 'pumpkin', o: { opacity: 0.35, effects: [blurred(22 * s)] } },
+    { name: 'Pumpkins', paths: pk.flatMap(p => p.p.lobes), color: 'pumpkin' },
+    { name: 'Pumpkin creases', paths: pk.flatMap(p => p.p.creases), color: 'pumpkinDeep', o: { strokeWidth: 1.6 * s } },
+    { name: 'Pumpkin stems', paths: pk.flatMap(p => p.p.stem), color: 'stem' },
+    { name: 'Faces', paths: pk.flatMap(p => p.face), color: 'candle' },
+    { name: 'Grass', paths: grass(-B, w + B, h + B, 30 * s, 13, 60), color: 'ink' },
+  ]
+}
+
+export default defineTemplate({
+  id: 'print-holidays-halloween-party-invitation',
+  meta: {
+    name: NAME,
+    description: 'A printed invitation to a grown-ups’ Halloween costume party: a full harvest moon fills the top of a night-black card with “Monster Mash” set heavy across its face, bats round its edge and a web in the corner, the details in bone and pumpkin orange, and three glowing jack-o’-lanterns in the grass. 5 × 7 inches with bleed, and an A6 copy',
+    category: 'invitation', tags: ['halloween', 'costume party', 'party', 'monster mash', 'pumpkins', 'jack-o’-lantern', 'bats', 'moon', 'spooky', 'invitation', 'print', 'card', 'october'],
+    platforms: ['print'], formats: ['card'], useCases: ['invitation', '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: '#15121B', text: '#F1E6CF', onPaper: '#F08A2C', primary: '#F08A2C', onPrimary: '#15121B' },
+      { name: 'the Hendersons' },
+    )
+    k.palette({ batPurple: '#5A3F86', hill: '#26202F', bone: '#F1E6CF', boneDeep: '#D8C7A3', ink: '#15121B', pumpkin: '#F08A2C', pumpkinDeep: '#B85A12', stem: '#5B6B3A', candle: '#FFD35C' })
+    k.textStyle('Kicker 12', { size: 12, fontWeight: 800, letterSpacing: 4, lineHeight: 16 })
+    k.textStyle('Title 64', { size: 56, fontWeight: 900, letterSpacing: -2.2, lineHeight: 50 })
+    k.textStyle('When 16', { ...SERIF, size: 16, fontWeight: 700, lineHeight: 22 })
+    k.textStyle('Body 12', { ...SERIF, size: 12, fontWeight: 400, lineHeight: 17 })
+    k.textStyle('Rsvp 10', { size: 10, fontWeight: 700, letterSpacing: 1.6, lineHeight: 15 })
+
+    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, 'THE ANNUAL', { style: 'Kicker 12', color: 'ink', ...c, name: 'Kicker' })
+    k.stack(sheet, { height: 6, name: 'Gap' })
+    k.text(sheet, 'MONSTER\nMASH', { style: 'Title 64', color: 'ink', ...c, name: 'Title' })
+    k.stack(sheet, { height: 6, name: 'Gap' })
+    k.text(sheet, 'A COSTUME PARTY', { style: 'Kicker 12', color: 'ink', ...c, name: 'Sub' })
+    k.stack(sheet, { height: 92, name: 'Gap' })
+    k.text(sheet, 'Saturday 31 October · 8 pm till late', { style: 'When 16', color: 'onPaper', ...c, name: 'When' })
+    k.text(sheet, 'at {{brand.name}}’, 77 Ravenwood Lane', { style: 'Body 12', color: 'text', ...c, name: 'Where' })
+    k.stack(sheet, { height: 10, name: 'Gap' })
+    flourishComponent(k, 'Bat rule', 'primary', bat(0, 0, 30), { rule: 30, size: 18 })
+    k.instance(sheet, 'Bat rule', {}, { name: 'Divider' })
+    k.stack(sheet, { height: 10, name: 'Gap' })
+    k.text(sheet, 'Costumes compulsory. Prizes for the scariest, the funniest and the most homemade. Witches’ brew, a candy table and a DJ who takes requests.', { style: 'Body 12', color: 'text', ...c, name: 'Body' })
+    k.stack(sheet, { height: 10, name: 'Gap' })
+    k.text(sheet, 'RSVP TO MEG · (614) 555-0131', { style: 'Rsvp 10', color: 'onPaper', ...c, name: 'Rsvp' })
+
+    k.textStyle('Title 54', { size: 47, fontWeight: 900, letterSpacing: -1.8, lineHeight: 42 })
+    k.textStyle('When 13.5', { ...SERIF, size: 13.5, fontWeight: 700, lineHeight: 19 })
+    k.textStyle('Body 10.5', { ...SERIF, size: 10.5, fontWeight: 400, lineHeight: 15 })
+    k.textStyle('Rsvp 8.5', { size: 8.5, fontWeight: 700, letterSpacing: 1.2, lineHeight: 13 })
+    k.textStyle('Kicker 10', { size: 10, fontWeight: 800, letterSpacing: 3.4, lineHeight: 14 })
+    k.variants(sheet, [printVariant('a6', {
+      art, pad: PAD, masterWidth: W,
+      styles: [['Title', 'Title 54'], ['When', 'When 13.5'], ['Where', 'Body 10.5'], ['Body', 'Body 10.5'], ['Rsvp', 'Rsvp 8.5'], ['Kicker', 'Kicker 10'], ['Sub', 'Kicker 10']],
+    })])
+    return k.finish()
+  },
+})