@anvpx/motion-templates 0.0.0-stage → 0.1.0

package/shared/themes/warm-light.json

@@ -0,0 +1,368 @@
+{
+  "$description": "warm: cream and terracotta with serif headings and static film grain (light), DTCG format",
+  "color": {
+    "$type": "color",
+    "bg": {
+      "$value": "#fbf3e6"
+    },
+    "bgEnd": {
+      "$value": "#f2e3ca"
+    },
+    "glow": {
+      "$value": "#f4dcbd"
+    },
+    "glow2": {
+      "$value": "#f1e4c4"
+    },
+    "surface": {
+      "$value": "#f6ebd8"
+    },
+    "card": {
+      "$value": "#fffaf1"
+    },
+    "divider": {
+      "$value": "#dcc6a5"
+    },
+    "accentSoft": {
+      "$value": "#f6dcc9"
+    },
+    "fg": {
+      "$value": "#2b1a12"
+    },
+    "muted": {
+      "$value": "#664f40"
+    },
+    "accent": {
+      "$value": "#963a14"
+    },
+    "accent2": {
+      "$value": "#566530"
+    },
+    "onAccent": {
+      "$value": "#ffffff"
+    },
+    "onAccent2": {
+      "$value": "#ffffff"
+    },
+    "deep": {
+      "$value": "#5a2a16"
+    },
+    "deepEnd": {
+      "$value": "#3a190c"
+    },
+    "onDeep": {
+      "$value": "#fff7ea"
+    },
+    "onDeepMuted": {
+      "$value": "#ecd2ba"
+    }
+  },
+  "chart": {
+    "1": {
+      "$value": "#963a14"
+    },
+    "2": {
+      "$value": "#566530"
+    },
+    "3": {
+      "$value": "#2f5f7a"
+    },
+    "4": {
+      "$value": "#8a5a00"
+    },
+    "5": {
+      "$value": "#7a3a5a"
+    },
+    "6": {
+      "$value": "#2a7a6a"
+    },
+    "7": {
+      "$value": "#b4263a"
+    },
+    "8": {
+      "$value": "#5a4a3e"
+    },
+    "$type": "color"
+  },
+  "font": {
+    "$type": "fontFamily",
+    "sans": {
+      "$value": ["Inter", "system-ui", "sans-serif"]
+    },
+    "display": {
+      "$value": ["Source Serif 4", "Georgia", "serif"]
+    },
+    "mono": {
+      "$value": ["ui-monospace", "SFMono-Regular", "Menlo", "Consolas", "monospace"]
+    }
+  },
+  "fontSize": {
+    "$type": "dimension",
+    "sm": {
+      "$value": "28px"
+    },
+    "md": {
+      "$value": "32px"
+    },
+    "lg": {
+      "$value": "50px"
+    },
+    "xl": {
+      "$value": "76px"
+    },
+    "title": {
+      "$value": "104px"
+    },
+    "display": {
+      "$value": "136px"
+    },
+    "heroSm": {
+      "$value": "168px"
+    },
+    "heroMd": {
+      "$value": "248px"
+    },
+    "hero": {
+      "$value": "364px"
+    }
+  },
+  "spacing": {
+    "$type": "dimension",
+    "xs": {
+      "$value": "4px"
+    },
+    "sm": {
+      "$value": "8px"
+    },
+    "md": {
+      "$value": "16px"
+    },
+    "lg": {
+      "$value": "32px"
+    },
+    "xl": {
+      "$value": "64px"
+    },
+    "xxl": {
+      "$value": "100px"
+    }
+  },
+  "radius": {
+    "$type": "dimension",
+    "sm": {
+      "$value": "6px"
+    },
+    "md": {
+      "$value": "12px"
+    },
+    "lg": {
+      "$value": "20px"
+    },
+    "xl": {
+      "$value": "32px"
+    },
+    "full": {
+      "$value": "9999px"
+    }
+  },
+  "opacity": {
+    "$type": "number",
+    "subtle": {
+      "$value": 0.7
+    },
+    "medium": {
+      "$value": 0.85
+    },
+    "full": {
+      "$value": 1
+    }
+  },
+  "duration": {
+    "$type": "duration",
+    "fast": {
+      "$value": "300ms"
+    },
+    "base": {
+      "$value": "600ms"
+    },
+    "slow": {
+      "$value": "1200ms"
+    }
+  },
+  "status": {
+    "$type": "color",
+    "good": {
+      "$value": "#17803f"
+    },
+    "warn": {
+      "$value": "#a45a00"
+    },
+    "bad": {
+      "$value": "#b4232f"
+    }
+  },
+  "stroke": {
+    "$type": "dimension",
+    "card": {
+      "$value": "0px"
+    },
+    "icon": {
+      "$value": "1.75px"
+    }
+  },
+  "numeric": {
+    "mode": {
+      "$type": "string",
+      "$value": "proportional"
+    }
+  },
+  "shadow": {
+    "mode": {
+      "$type": "string",
+      "$value": "soft"
+    },
+    "color": {
+      "$type": "color",
+      "$value": "#2b1a12"
+    }
+  },
+  "grain": {
+    "opacity": {
+      "$type": "number",
+      "$value": 0.06
+    }
+  },
+  "$extensions": {
+    "motion-kit": {
+      "family": "warm",
+      "mode": "light",
+      "pair": "warm-dark",
+      "textPairs": [
+        {
+          "fg": "fg",
+          "bg": "bg"
+        },
+        {
+          "fg": "fg",
+          "bg": "bgEnd"
+        },
+        {
+          "fg": "fg",
+          "bg": "glow"
+        },
+        {
+          "fg": "fg",
+          "bg": "glow2"
+        },
+        {
+          "fg": "fg",
+          "bg": "surface"
+        },
+        {
+          "fg": "fg",
+          "bg": "card"
+        },
+        {
+          "fg": "fg",
+          "bg": "accentSoft"
+        },
+        {
+          "fg": "muted",
+          "bg": "bg"
+        },
+        {
+          "fg": "muted",
+          "bg": "bgEnd"
+        },
+        {
+          "fg": "muted",
+          "bg": "glow"
+        },
+        {
+          "fg": "muted",
+          "bg": "glow2"
+        },
+        {
+          "fg": "muted",
+          "bg": "surface"
+        },
+        {
+          "fg": "muted",
+          "bg": "card"
+        },
+        {
+          "fg": "muted",
+          "bg": "accentSoft"
+        },
+        {
+          "fg": "accent",
+          "bg": "bg"
+        },
+        {
+          "fg": "accent",
+          "bg": "bgEnd"
+        },
+        {
+          "fg": "accent",
+          "bg": "glow"
+        },
+        {
+          "fg": "accent",
+          "bg": "glow2"
+        },
+        {
+          "fg": "accent",
+          "bg": "surface"
+        },
+        {
+          "fg": "accent",
+          "bg": "card"
+        },
+        {
+          "fg": "accent",
+          "bg": "accentSoft"
+        },
+        {
+          "fg": "accent2",
+          "bg": "bg"
+        },
+        {
+          "fg": "accent2",
+          "bg": "bgEnd"
+        },
+        {
+          "fg": "accent2",
+          "bg": "surface"
+        },
+        {
+          "fg": "accent2",
+          "bg": "card"
+        },
+        {
+          "fg": "onAccent",
+          "bg": "accent"
+        },
+        {
+          "fg": "onAccent2",
+          "bg": "accent2"
+        },
+        {
+          "fg": "onDeep",
+          "bg": "deep"
+        },
+        {
+          "fg": "onDeep",
+          "bg": "deepEnd"
+        },
+        {
+          "fg": "onDeepMuted",
+          "bg": "deep"
+        },
+        {
+          "fg": "onDeepMuted",
+          "bg": "deepEnd"
+        }
+      ]
+    }
+  }
+}

package/stopwords.json

@@ -0,0 +1,65 @@
+[
+  "a",
+  "an",
+  "and",
+  "are",
+  "as",
+  "at",
+  "be",
+  "but",
+  "by",
+  "for",
+  "from",
+  "has",
+  "have",
+  "how",
+  "i",
+  "in",
+  "into",
+  "is",
+  "it",
+  "its",
+  "of",
+  "on",
+  "or",
+  "our",
+  "so",
+  "that",
+  "the",
+  "their",
+  "them",
+  "then",
+  "there",
+  "these",
+  "they",
+  "this",
+  "to",
+  "up",
+  "us",
+  "use",
+  "using",
+  "was",
+  "we",
+  "what",
+  "when",
+  "where",
+  "which",
+  "who",
+  "why",
+  "will",
+  "with",
+  "you",
+  "your",
+  "about",
+  "can",
+  "do",
+  "does",
+  "make",
+  "need",
+  "needs",
+  "want",
+  "video",
+  "videos",
+  "short",
+  "quick"
+]

package/templates/compare/blueprints/versus.json

@@ -0,0 +1,79 @@
+{
+  "id": "versus",
+  "purpose": "Compare two options in 20-50s: title, side-by-side points, optional headline numbers, verdict, close.",
+  "discover": {
+    "useCases": [
+      "Put two options side by side and name a winner.",
+      "Weigh two alternatives for a decision and state the verdict in one line.",
+      "Back a recommendation with two to four headline numbers."
+    ],
+    "audience": ["buyers", "teams", "readers"],
+    "goodFor": "Two options, one to five points each, a verdict and optionally a few key numbers.",
+    "notFor": "Persuasion or launches (pitch), three or more options (pitch/pricing).",
+    "tags": ["compare", "versus", "review", "kpi", "before-after"],
+    "tone": ["calm", "balanced"],
+    "aspects": ["16:9", "1:1"],
+    "lengths": { "min": 20, "max": 50 }
+  },
+  "slots": {
+    "title": { "type": "text", "max": 60, "required": true },
+    "leftLabel": { "type": "text", "max": 24, "required": true },
+    "leftPoints": { "type": "text[]", "min": 1, "max": 5, "itemMax": 40, "required": true },
+    "rightLabel": { "type": "text", "max": 24, "required": true },
+    "rightPoints": { "type": "text[]", "min": 1, "max": 5, "itemMax": 40, "required": true },
+    "winner": { "type": "enum", "values": ["left", "right"] },
+    "numbers": {
+      "type": "object",
+      "fields": { "value": "text", "label": "text" },
+      "list": true,
+      "min": 2,
+      "max": 4,
+      "optional": true
+    },
+    "verdict": { "type": "text", "max": 80, "required": true },
+    "length": { "type": "enum", "values": ["short", "standard", "long"], "default": "standard" },
+    "style": { "type": "enum", "values": ["tidy", "editorial", "punchy"], "default": "tidy" }
+  },
+  "example": {
+    "title": "Option A or Option B",
+    "leftLabel": "Option A",
+    "leftPoints": ["Lower cost", "Easy start", "Few options"],
+    "rightLabel": "Option B",
+    "rightPoints": ["Higher cost", "Takes longer", "More flexible"],
+    "winner": "left",
+    "numbers": [
+      { "value": "20%", "label": "Lower cost" },
+      { "value": "2 days", "label": "Faster start" }
+    ],
+    "verdict": "Pick A unless you need the flexibility"
+  },
+  "meta": { "title": { "$slot": "title" }, "lang": "en" },
+  "scenes": [
+    {
+      "id": "intro",
+      "type": "title",
+      "props": { "kicker": "Versus", "title": { "$slot": "title" } }
+    },
+    {
+      "id": "sides",
+      "type": "compare",
+      "props": {
+        "left": { "label": { "$slot": "leftLabel" }, "points": { "$slot": "leftPoints" } },
+        "right": { "label": { "$slot": "rightLabel" }, "points": { "$slot": "rightPoints" } },
+        "winner": { "$slot": "winner" }
+      }
+    },
+    {
+      "when": "numbers",
+      "id": "numbers",
+      "type": "kpi-grid",
+      "props": { "title": "By the numbers", "items": { "$slot": "numbers" } }
+    },
+    {
+      "id": "verdict",
+      "type": "callout",
+      "props": { "kind": "statement", "label": "Verdict", "text": { "$slot": "verdict" } }
+    },
+    { "id": "end", "type": "outro", "props": { "title": { "$slot": "title" } } }
+  ]
+}

package/templates/compare/copy.md

@@ -0,0 +1,18 @@
+# Compare copy guide
+
+Tone: fair, specific, decisive. Show both sides, then commit to a verdict.
+
+Do
+- Title: the choice as a question or "A or B", at most 8 words.
+- Option labels: nouns of 1-3 words.
+- Points: parallel phrases of 2-5 words, same order on both sides.
+- Numbers: 2-4 headline figures with a unit; only what you can source.
+- Verdict: one sentence naming the winner and the reason.
+
+Don't
+- No more than 5 points per side, 25 words per scene.
+- No loaded adjectives (terrible, amazing); compare facts.
+- No invented figures; leave the numbers out instead.
+- Skip the winner when the honest answer is "it depends"; say what it depends on.
+
+Vocabulary: "option" not "solution", "cost" not "price tag", "pick" not "go with".

package/templates/compare/pacing.json

@@ -0,0 +1,15 @@
+{
+  "wordsPerSecond": 2.5,
+  "sceneSeconds": {
+    "title": { "short": 3, "standard": 4, "long": 5 },
+    "compare": { "short": 7, "standard": 10, "long": 14 },
+    "kpi-grid": { "short": 4, "standard": 5, "long": 6 },
+    "callout": { "short": 4, "standard": 5, "long": 7 },
+    "outro": { "short": 3, "standard": 4, "long": 5 }
+  },
+  "lengths": {
+    "short": { "scenes": [3, 5], "totalSec": [15, 35] },
+    "standard": { "scenes": [4, 5], "totalSec": [20, 50] },
+    "long": { "scenes": [4, 5], "totalSec": [30, 60] }
+  }
+}

package/templates/compare/styles/editorial.json

@@ -0,0 +1,6 @@
+{
+  "id": "editorial",
+  "theme": "editorial-light",
+  "frame": { "width": 1920, "height": 1080, "fps": 30 },
+  "direction": { "shot": "medium", "move": "static", "ease": "in-out", "transition": "crossfade" }
+}

package/templates/compare/styles/punchy.json

@@ -0,0 +1,6 @@
+{
+  "id": "punchy",
+  "theme": "tech-dark",
+  "frame": { "width": 1080, "height": 1080, "fps": 30 },
+  "direction": { "shot": "close", "move": "static", "ease": "spring-snappy", "transition": "cut" }
+}

package/templates/compare/styles/tidy.json

@@ -0,0 +1,6 @@
+{
+  "id": "tidy",
+  "theme": "calm-light",
+  "frame": { "width": 1920, "height": 1080, "fps": 30 },
+  "direction": { "shot": "medium", "move": "push-in", "ease": "out", "transition": "crossfade" }
+}

package/templates/compare/template.json

@@ -0,0 +1,52 @@
+{
+  "templateVersion": 1,
+  "id": "compare",
+  "version": "1.0.0",
+  "title": "Compare",
+  "summary": "Two options side by side with a clear verdict. Calm, editorial or punchy.",
+  "domains": ["decision", "product", "analysis"],
+  "discover": {
+    "useCases": [
+      "Put two options side by side and name a winner.",
+      "Weigh alternatives for a buying or planning decision with a clear verdict.",
+      "Back a recommendation with two to four headline numbers."
+    ],
+    "audience": ["buyers", "teams", "readers", "stakeholders"],
+    "goodFor": "Two options with one to five points each and a one-line verdict.",
+    "notFor": "Persuading an audience (pitch), long data analysis (datastory).",
+    "tags": ["compare", "versus", "review", "before-after", "kpi", "sales"],
+    "tone": ["calm", "balanced"],
+    "aspects": ["16:9", "1:1"]
+  },
+  "requires": {
+    "storyboard": 1,
+    "scenes": ["title", "compare", "kpi-grid", "callout", "outro"]
+  },
+  "themes": [
+    { "id": "calm-light", "file": "@shared/calm-light.json", "mode": "light", "pair": "calm-dark" },
+    { "id": "calm-dark", "file": "@shared/calm-dark.json", "mode": "dark", "pair": "calm-light" },
+    {
+      "id": "editorial-light",
+      "file": "@shared/editorial-light.json",
+      "mode": "light",
+      "pair": "editorial-dark"
+    },
+    {
+      "id": "editorial-dark",
+      "file": "@shared/editorial-dark.json",
+      "mode": "dark",
+      "pair": "editorial-light"
+    },
+    { "id": "tech-light", "file": "@shared/tech-light.json", "mode": "light", "pair": "tech-dark" },
+    { "id": "tech-dark", "file": "@shared/tech-dark.json", "mode": "dark", "pair": "tech-light" }
+  ],
+  "styles": [
+    { "id": "tidy", "file": "styles/tidy.json" },
+    { "id": "editorial", "file": "styles/editorial.json" },
+    { "id": "punchy", "file": "styles/punchy.json" }
+  ],
+  "blueprints": [{ "id": "versus", "file": "blueprints/versus.json" }],
+  "pacing": "pacing.json",
+  "copy": "copy.md",
+  "license": "Apache-2.0"
+}