{
  "schemaVersion": "1.2",
  "kind": "template",
  "id": "pricing-plans-reveal",
  "variantId": "pricing-plans-reveal",
  "template": "pricing",
  "title": "Pricing Plans Reveal",
  "url": "https://cliphou.se/templates/pricing-plans-reveal/",
  "editorUrl": "https://cliphou.se/#/v/pricing-plans-reveal",
  "templateVersion": 1,
  "latestTemplateVersion": 1,
  "sourceHash": "0a0836d9cb47ece6",
  "generation": {
    "model": "Claude Opus 5.5",
    "modelId": "claude-opus-5-5",
    "provider": "Anthropic",
    "effort": "medium"
  },
  "siteCommit": "27d0f0df8e4cf1d189d78476bbbb4d8c7f2dacaa",
  "license": "MIT-0",
  "licenseUrl": "https://cliphou.se/license/",
  "price": "Free",
  "attributionRequired": false,
  "format": {
    "aspectRatio": "16:9",
    "width": 1920,
    "height": 1080,
    "fps": 30,
    "durationInFrames": 270,
    "seconds": 9
  },
  "scenes": [
    {
      "type": "title-reveal",
      "label": "Title reveal",
      "from": 0,
      "duration": 80,
      "roles": [
        "brand",
        "headline"
      ]
    },
    {
      "type": "price-reveal",
      "label": "Price reveal",
      "from": 80,
      "duration": 120,
      "roles": [
        "price",
        "priceNote",
        "items"
      ]
    },
    {
      "type": "end-screen",
      "label": "End screen",
      "from": 200,
      "duration": 70,
      "roles": [
        "cta",
        "brand"
      ]
    }
  ],
  "props": {
    "texts": {
      "brand": "Northwind",
      "headline": "Pricing for every team",
      "price": "$24",
      "priceNote": "per seat, billed monthly",
      "items": "Unlimited projects, Shared workspaces, Priority support, SSO",
      "cta": "Start your trial"
    },
    "theme": {
      "background": "#f4f1ea",
      "surface": "#e2ddd2",
      "foreground": "#1c1b19",
      "accent": "#2f5bea",
      "accent2": "#e2563b"
    }
  },
  "editableFields": {
    "texts": {
      "brand": {
        "label": "Brand",
        "maxLength": 18,
        "current": "Northwind"
      },
      "headline": {
        "label": "Headline",
        "maxLength": 24,
        "current": "Pricing for every team"
      },
      "price": {
        "label": "Price",
        "maxLength": 12,
        "format": "Include a number, for example $29.",
        "current": "$24"
      },
      "priceNote": {
        "label": "Price note",
        "maxLength": 24,
        "current": "per seat, billed monthly"
      },
      "items": {
        "label": "List",
        "maxLength": 120,
        "format": "Separate 2 to 6 items with commas.",
        "current": "Unlimited projects, Shared workspaces, Priority support, SSO"
      },
      "cta": {
        "label": "Call to action",
        "maxLength": 20,
        "current": "Start your trial"
      }
    },
    "theme": {
      "background": {
        "format": "#RRGGBB",
        "current": "#f4f1ea"
      },
      "surface": {
        "format": "#RRGGBB",
        "current": "#e2ddd2"
      },
      "foreground": {
        "format": "#RRGGBB",
        "current": "#1c1b19"
      },
      "accent": {
        "format": "#RRGGBB",
        "current": "#2f5bea"
      },
      "accent2": {
        "format": "#RRGGBB",
        "current": "#e2563b"
      }
    }
  },
  "jsonSchema": {
    "$schema": "https://json-schema.org/draft/2020-12/schema",
    "type": "object",
    "properties": {
      "texts": {
        "type": "object",
        "properties": {
          "brand": {
            "type": "string",
            "minLength": 1,
            "maxLength": 18,
            "role": "brand"
          },
          "headline": {
            "type": "string",
            "minLength": 1,
            "maxLength": 24,
            "role": "headline"
          },
          "price": {
            "type": "string",
            "minLength": 1,
            "maxLength": 12,
            "pattern": "\\d",
            "role": "price"
          },
          "priceNote": {
            "type": "string",
            "minLength": 1,
            "maxLength": 24,
            "role": "priceNote"
          },
          "items": {
            "type": "string",
            "minLength": 1,
            "maxLength": 120,
            "pattern": "^[^,]*[^,\\s][^,]*(,[^,]*[^,\\s][^,]*){1,5}$",
            "role": "items"
          },
          "cta": {
            "type": "string",
            "minLength": 1,
            "maxLength": 20,
            "role": "cta"
          }
        },
        "required": [
          "brand",
          "headline",
          "price",
          "priceNote",
          "items",
          "cta"
        ],
        "additionalProperties": false
      },
      "theme": {
        "type": "object",
        "properties": {
          "background": {
            "type": "string",
            "pattern": "^#[0-9a-fA-F]{6}$",
            "role": "background"
          },
          "surface": {
            "type": "string",
            "pattern": "^#[0-9a-fA-F]{6}$",
            "role": "surface"
          },
          "foreground": {
            "type": "string",
            "pattern": "^#[0-9a-fA-F]{6}$",
            "role": "foreground"
          },
          "accent": {
            "type": "string",
            "pattern": "^#[0-9a-fA-F]{6}$",
            "role": "accent"
          },
          "accent2": {
            "type": "string",
            "pattern": "^#[0-9a-fA-F]{6}$",
            "role": "accent2"
          }
        },
        "required": [
          "background",
          "surface",
          "foreground",
          "accent",
          "accent2"
        ],
        "additionalProperties": false
      }
    },
    "required": [
      "texts",
      "theme"
    ],
    "additionalProperties": false
  },
  "handoff": {
    "urlTemplate": "https://cliphou.se/#/v/pricing-plans-reveal?props=<url-encoded props JSON>",
    "example": "https://cliphou.se/#/v/pricing-plans-reveal?props=%7B%22texts%22%3A%7B%22brand%22%3A%22Northwind%22%2C%22headline%22%3A%22Pricing%20for%20every%20team%22%2C%22price%22%3A%22%2424%22%2C%22priceNote%22%3A%22per%20seat%2C%20billed%20monthly%22%2C%22items%22%3A%22Unlimited%20projects%2C%20Shared%20workspaces%2C%20Priority%20support%2C%20SSO%22%2C%22cta%22%3A%22Start%20your%20trial%22%7D%2C%22theme%22%3A%7B%22background%22%3A%22%23f4f1ea%22%2C%22surface%22%3A%22%23e2ddd2%22%2C%22foreground%22%3A%22%231c1b19%22%2C%22accent%22%3A%22%232f5bea%22%2C%22accent2%22%3A%22%23e2563b%22%7D%7D",
    "maxEncodedLength": 8000,
    "note": "cliphou.se validates the props before it opens them. Invalid props are rejected and never saved."
  },
  "source": {
    "package": "https://cliphou.se/source/pricing/v1.tar.gz",
    "packageSha256": "1b550ee555561c85c03f88003a1af5dd564436f5e7be1a586570215a3084b1a5",
    "templateVersion": 1,
    "renderCommand": "npm ci && npx remotion render src/index.ts pricing out/video.mp4 --props=props.json",
    "repository": "https://github.com/sunmer/voodoo",
    "path": "src/videos/pricing/",
    "contents": "Remotion component, schema, scene metadata, shared helpers, exact dependency versions, lockfile, example props, and MIT-0 license. Fonts install from pinned Fontsource packages.",
    "note": "Rendering uses Remotion, which has separate license terms: https://remotion.dev/license"
  },
  "instructions": [
    "For text and color edits, change only props.texts and props.theme. Keep each text within maxLength and each color as #RRGGBB.",
    "Return text and color edits as handoff.urlTemplate with the props JSON URL-encoded.",
    "For layout, motion, timing, or scene edits, download source.package, extract it, and edit the code.",
    "Render the source package with source.renderCommand. Edit props.json to change text and colors.",
    "Never send code through the handoff URL. It accepts props only."
  ]
}