@devinilabs/reelstack 1.2.0

package/families/warm/index.ts

@@ -0,0 +1,19 @@
+/**
+ * Warm Signature — family index.
+ */
+export { palette, safeZones, ALLOWED_ACCENTS } from "./palette";
+export type { WarmPalette } from "./palette";
+
+import { preset as huashu } from "./presets/huashu";
+import { preset as mempalace } from "./presets/mempalace";
+
+export const presets = {
+  huashu,
+  mempalace,
+} as const;
+
+export const family = {
+  name: "warm",
+  label: "Warm Signature",
+  presets: Object.keys(presets) as Array<keyof typeof presets>,
+} as const;

package/families/warm/palette.ts

@@ -0,0 +1,81 @@
+/**
+ * ReelStack — Warm Signature palette
+ *
+ * Verified against /Users/abhishekraj/my-video/src/HuashuReel.tsx.
+ *
+ * Mood: confident product launch.
+ *
+ * STRICT RULE: exactly ONE primary accent (amber), ONE payoff (emerald),
+ * ONE negative (red). No other hues. No blues. No purples. No pinks.
+ * The lint command enforces this — any new accent in a Warm Signature reel
+ * is flagged.
+ */
+export const palette = {
+  // Backgrounds — warm zinc base
+  bg: "#09090b",
+  bgLift: "#111114",
+  surface: "#15151c",
+  surfaceWarm: "#1a1610", // the family's signature warm surface
+
+  // Foreground (text on dark)
+  fg: "#fafafa",      // contrast 19.6:1 on bg #09090b — WCAG AAA
+  fgSoft: "#d4d4d8",  // contrast 13.9:1 on bg #09090b — WCAG AAA
+  fgMuted: "#9f9fa9", // contrast 7.7:1  on bg #09090b — WCAG AAA
+  fgDim: "#71717b",   // contrast 4.2:1  on bg #09090b — WCAG AA
+
+  // The one accent (amber signature)
+  amber: "#f99c00",
+  amberSoft: "#fcbb00",
+  amberDeep: "#9a5e00",
+  amberGlow: "rgba(249, 156, 0, 0.20)",
+
+  // Payoff (emerald — used for success / launch / "ship" moments only)
+  emerald: "#00d294",
+  emeraldSoft: "#5ee9b5",
+  emeraldDeep: "#00875a",
+
+  // Negative (red — used for "wall hit" / "limit" / "blocked" moments only)
+  red: "#ef4444",
+  redSoft: "#fca5a5",
+  redDeep: "#7f1d1d",
+
+  // Claude warm (for terracotta tie-in when product is Claude-adjacent)
+  claudeWarm: "#d4663a",
+} as const;
+
+export const safeZones = {
+  top: 290,
+  bottom: 1500,
+  canvas: { width: 1080, height: 1920 },
+} as const;
+
+/**
+ * Hard-coded "allowed accents" list. The lint command checks every fill /
+ * stroke / background color in a Warm Signature reel against this set.
+ */
+export const ALLOWED_ACCENTS = [
+  palette.amber,
+  palette.amberSoft,
+  palette.amberDeep,
+  palette.emerald,
+  palette.emeraldSoft,
+  palette.emeraldDeep,
+  palette.red,
+  palette.redSoft,
+  palette.redDeep,
+  palette.claudeWarm,
+] as const;
+
+export type WarmPalette = typeof palette;
+
+/** Re-export grid units so consumers can pull them from the family entrypoint. */
+export {
+  GRID,
+  GRID_2,
+  GRID_4,
+  GRID_6,
+  GRID_8,
+  GRID_12,
+  GRID_16,
+  GRID_24,
+} from "../../utils/grid";

package/families/warm/presets/huashu.ts

@@ -0,0 +1,49 @@
+/**
+ * Preset: huashu (Warm Signature)
+ * Source: HuashuReel.tsx
+ *
+ * The reference build for Warm Signature. Strict single-accent rule: amber
+ * primary, emerald payoff, red wall. Bento grids for feature matrices.
+ */
+export const preset = {
+  name: "huashu",
+  family: "warm",
+  source: "HuashuReel",
+  durationFrames: 2984,
+  fps: 30,
+  copy: {
+    hook: "Never hit Claude Design limits again.",
+    sub: "Huashu just dropped on GitHub. Drops into ANY agent.",
+    cta: "Free, MIT, install in 30 seconds.",
+  },
+  accents: {},
+  beats: {
+    hook: 0,
+    nameDrop: 150,
+    dropsInto: 330,
+    install: 600,
+    capabilities: 810,
+    underHood: 990,
+    variants: 1320,
+    payoff: 1680,
+    guiVsTerminal: 2040,
+    license: 2400,
+    cta: 2700,
+    end: 2954,
+  },
+  primitives: [
+    "BentoGrid",
+    "AccentGlow",
+    "ScaleBlurCounter",
+    "FilmGrain",
+    "WarmSurface",
+    "OffthreadVideoLetterbox", // for embedded claude-design.mov clip
+  ],
+  embeddedClip: {
+    path: "captures/huashu/claude-design.mov",
+    sequenceStart: 990,
+    durationFrames: 330, // 11s under-hood clip
+  },
+  notes:
+    "The single-accent rule is the family contract — amber + emerald + red only. No blues, no purples, no pinks. The lint command flags any other accent.",
+} as const;

package/families/warm/presets/mempalace.ts

@@ -0,0 +1,51 @@
+/**
+ * Preset: mempalace (Warm Signature — Parchment variant)
+ * Source: MemPalaceReel.tsx
+ *
+ * Aristotelian memory palace narrative. Dark zinc base + warm parchment
+ * gold + emerald success accent. Sits in Warm Signature because the warm
+ * accent (gold/parchment) drives the feel, even though parchment is paper-
+ * tinted rather than amber-tinted.
+ */
+export const preset = {
+  name: "mempalace",
+  family: "warm",
+  source: "MemPalaceReel",
+  durationFrames: 2520,
+  fps: 30,
+  copy: {
+    hook: "Gone. Mem0 decides for you.",
+    sub: "Until MemPalace — AI memory palace. Aristotle's method.",
+    cta: "Open source, free.",
+  },
+  accents: {
+    paper: "#efe7d6",
+    gold: "#b8893d",
+    goldGlow: "rgba(184, 137, 61, 0.22)",
+    emerald: "#00d294",
+    indigo: "#625fff",
+    red: "#ef4444",
+  },
+  beats: {
+    gone: 0,
+    mem0: 225,
+    until: 555,
+    palace: 780,
+    aristotle: 915,
+    rooms: 1395,
+    drawers: 1815,
+    wings: 2205,
+    cta: 2400,
+    end: 2520,
+  },
+  primitives: [
+    "AccentGlow",
+    "ScaleBlurCounter",
+    "FilmGrain",
+    "WarmSurface",
+    "ParchmentTexture", // preset-specific — paper texture overlay
+    "PalaceRoom",        // preset-specific — memory palace architecture
+  ],
+  notes:
+    "Parchment palette (paper #efe7d6, gold #b8893d) is the family's only allowed deviation from amber/emerald/red. Use it to evoke the Aristotelian palace mood. The single-accent rule still applies: gold is the primary, emerald is payoff, red is wall.",
+} as const;

package/families/warm/typography.ts

@@ -0,0 +1,17 @@
+/** Warm Signature typography scale. Geist Sans + Geist Mono only.
+ *  Larger amber-driven scale — the family's hero name reveal goes giant (168 px).
+ *  Pulled from existing template usage (HuashuReel hero ≈ 168, h1 90, body 32);
+ *  locks the implicit scale into named tokens. Text colors come from palette
+ *  (fg / fgSoft / fgMuted / amber) — never embed colors in typography tokens.
+ */
+export const typography = {
+  hero: { fontSize: 168, fontWeight: 800, letterSpacing: -4, lineHeight: 0.95, fontFamily: "Geist, system-ui" },
+  h1:   { fontSize: 90, fontWeight: 700, letterSpacing: -2, lineHeight: 1.05, fontFamily: "Geist, system-ui" },
+  h2:   { fontSize: 48, fontWeight: 700, letterSpacing: -1.2, lineHeight: 1.15, fontFamily: "Geist, system-ui" },
+  h3:   { fontSize: 36, fontWeight: 600, letterSpacing: -1, lineHeight: 1.2, fontFamily: "Geist, system-ui" },
+  body: { fontSize: 32, fontWeight: 500, letterSpacing: -0.3, lineHeight: 1.45, fontFamily: "Geist, system-ui" },
+  caption: { fontSize: 22, fontWeight: 500, letterSpacing: 0.5, lineHeight: 1.4, fontFamily: "Geist, system-ui", textTransform: "uppercase" as const },
+  mono: { fontSize: 26, fontWeight: 500, letterSpacing: 0.3, lineHeight: 1.4, fontFamily: "Geist Mono, monospace" },
+  counter: { fontSize: 168, fontWeight: 800, letterSpacing: -4, lineHeight: 1, fontFamily: "Geist Mono, monospace" },
+} as const;
+export type Typography = typeof typography;

package/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "@devinilabs/reelstack",
+  "version": "1.2.0",
+  "description": "Premium 9:16 Reel OS for Remotion. 5 cinematic style families, 22 production-tested presets, audio-locked motion, IG-safe by default. v1.1+ bakes in leonxlnx/taste-skill design discipline + huashu-design productivity patterns.",
+  "keywords": [
+    "remotion",
+    "reels",
+    "9-16",
+    "instagram",
+    "tiktok",
+    "shorts",
+    "video",
+    "templates",
+    "claude-code-skill",
+    "agent-skill",
+    "taste-skill",
+    "huashu-pattern",
+    "design-discipline"
+  ],
+  "author": "Devini Labs <devinilabs@gmail.com>",
+  "license": "SEE LICENSE IN LICENSE",
+  "homepage": "https://reelstack.dev",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/devinilabs/reelstack.git"
+  },
+  "bugs": {
+    "url": "https://github.com/devinilabs/reelstack/issues"
+  },
+  "main": "cli/index.js",
+  "bin": {
+    "reelstack": "cli/index.js"
+  },
+  "exports": {
+    ".": "./cli/index.js",
+    "./families/glass": "./families/glass/index.ts",
+    "./families/glass/components": "./families/glass/components/index.ts",
+    "./families/glass/typography": "./families/glass/typography.ts",
+    "./families/paper": "./families/paper/index.ts",
+    "./families/paper/components": "./families/paper/components/index.ts",
+    "./families/paper/typography": "./families/paper/typography.ts",
+    "./families/dark": "./families/dark/index.ts",
+    "./families/dark/components": "./families/dark/components/index.ts",
+    "./families/dark/typography": "./families/dark/typography.ts",
+    "./families/warm": "./families/warm/index.ts",
+    "./families/warm/components": "./families/warm/components/index.ts",
+    "./families/warm/typography": "./families/warm/typography.ts",
+    "./families/forbidden": "./families/forbidden/index.ts",
+    "./families/forbidden/components": "./families/forbidden/components/index.ts",
+    "./families/forbidden/typography": "./families/forbidden/typography.ts",
+    "./utils/easing": "./utils/easing.ts",
+    "./utils/safe-zones": "./utils/safe-zones.tsx",
+    "./utils/grid": "./utils/grid.ts",
+    "./utils/banned-fonts": "./utils/banned-fonts.ts",
+    "./utils/ai-purple-blocklist": "./utils/ai-purple-blocklist.ts",
+    "./utils/cubic-bezier": "./utils/cubic-bezier.ts",
+    "./render-presets.json": "./utils/render-presets.json"
+  },
+  "files": [
+    "cli/",
+    "skill/",
+    "families/",
+    "templates/",
+    "utils/",
+    "docs/",
+    "reference/",
+    "README.md",
+    "LICENSE"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "peerDependencies": {
+    "remotion": "^4.0.0"
+  },
+  "scripts": {
+    "test": "node --test test/*.test.js",
+    "lint": "echo 'no lint configured yet'",
+    "prepack": "node scripts/strip-dev-override.js",
+    "postpack": "node scripts/restore-dev-override.js"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}