{
  "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
  "name": "weight-wave",
  "type": "hyperframes:block",
  "title": "Weight Wave",
  "description": "A crest of thickness travels along a headline: each character swells from light to black and leans forward as the wave passes, driven by the wght and slnt variable-font axes rather than by transforms.",
  "dimensions": {
    "width": 1920,
    "height": 1080
  },
  "duration": 6,
  "tags": ["typography", "kinetic-type", "title", "variable-font", "text"],
  "license": "OFL-1.1",
  "variables": [
    {
      "id": "text",
      "type": "string",
      "label": "Headline",
      "default": "PRESSURE MOVES THROUGH TYPE",
      "maxLength": 64
    },
    {
      "id": "color",
      "type": "color",
      "label": "Text color",
      "default": "#f5f5f7"
    },
    {
      "id": "background",
      "type": "color",
      "label": "Background",
      "default": "#0b0b0d"
    },
    {
      "id": "weightFrom",
      "type": "number",
      "label": "Weight (rest)",
      "default": 400,
      "min": 300,
      "max": 1000,
      "step": 10
    },
    {
      "id": "weightTo",
      "type": "number",
      "label": "Weight (crest)",
      "default": 1000,
      "min": 300,
      "max": 1000,
      "step": 10
    },
    {
      "id": "crestWidth",
      "type": "number",
      "label": "Crest width",
      "default": 4,
      "min": 1,
      "max": 24,
      "step": 0.5,
      "unit": "chars"
    },
    {
      "id": "sweepSpeed",
      "type": "number",
      "label": "Sweep speed",
      "default": 0.5,
      "min": 0.05,
      "max": 3,
      "step": 0.05,
      "unit": "passes/s"
    },
    {
      "id": "slant",
      "type": "number",
      "label": "Slant at crest",
      "default": -12,
      "min": -15,
      "max": 0,
      "step": 0.5,
      "unit": "deg"
    },
    {
      "id": "direction",
      "type": "enum",
      "label": "Direction",
      "default": "ltr",
      "options": [
        {
          "value": "ltr",
          "label": "Left to right"
        },
        {
          "value": "rtl",
          "label": "Right to left"
        }
      ]
    }
  ],
  "files": [
    {
      "path": "weight-wave.html",
      "target": "compositions/weight-wave.html",
      "type": "hyperframes:composition"
    },
    {
      "path": "assets/fonts/Recursive-wght-slnt-latin.woff2",
      "target": "compositions/assets/fonts/Recursive-wght-slnt-latin.woff2",
      "type": "hyperframes:asset"
    },
    {
      "path": "assets/fonts/OFL.txt",
      "target": "compositions/assets/fonts/OFL.txt",
      "type": "hyperframes:asset"
    }
  ]
}