Zum Hauptinhalt springen
Social Proof

Live-Ausgabe der echten Render-Engine — ändere die Einstellungen und sie aktualisiert sich sofort.

Zitat Wort für Wort

motion design

Der Satz eines Kunden erscheint Wort für Wort, eine Linie zeichnet sich, der Name löst sich aus einer Unschärfe.

Ideal für: Ein Kundensatz, mit dem ganzen Bild für sich.

Einstellungen

Schrift
Theme
Größe
Stimmung

In einem Film verwenden

Gemacht fürKundenstimmen
Was du ändern kannst:quoteauthorrole
Für Entwickler (MCP und JSON)

Das ist genau die Szene für create_animation (MCP): Struktur behalten, Worte ändern und den Sprechertext schreiben — die Stimme bestimmt, wie lange die Szene dauert. Mit set_data in update_storyboard einfügen, um einen fertigen Film zu ändern.

{
  "visual": "motion",
  "heading": "Quote",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "motion": {
      "spec": {
        "version": 1,
        "name": "Pull quote",
        "intent": "one sentence a customer said, given room",
        "camera": "drift",
        "exit": "fadeOut",
        "params": [
          {
            "name": "quote",
            "type": "text",
            "label": "Quote",
            "default": "We replaced a two-week agency brief with an afternoon.",
            "maxLength": 72
          },
          {
            "name": "author",
            "type": "text",
            "label": "Author",
            "default": "Maya Lindqvist",
            "maxLength": 32
          },
          {
            "name": "role",
            "type": "text",
            "label": "Role",
            "default": "Head of Growth, Northwind",
            "maxLength": 40
          }
        ],
        "layers": [
          {
            "id": "mark",
            "kind": "text",
            "text": "“",
            "role": "display",
            "color": "c1",
            "align": "start",
            "maxLines": 1,
            "box": {
              "col": 0,
              "row": 0,
              "cols": 2,
              "rows": 2.4
            },
            "tall": {
              "col": 0,
              "row": 0.8,
              "cols": 3,
              "rows": 1.8
            },
            "enter": {
              "primitive": "wordStagger"
            }
          },
          {
            "id": "quote",
            "kind": "text",
            "text": "{{quote}}",
            "role": "display",
            "align": "start",
            "maxLines": 3,
            "box": {
              "col": 0,
              "row": 2.7,
              "cols": 12,
              "rows": 5.6
            },
            "tall": {
              "col": 0,
              "row": 2.9,
              "cols": 12,
              "rows": 5.2
            },
            "enter": {
              "primitive": "wordStagger",
              "order": 1
            },
            "emphasis": {
              "primitive": "underline"
            }
          },
          {
            "id": "rule",
            "kind": "shape",
            "shape": "line",
            "stroke": "c1",
            "strokeWidth": "bold",
            "box": {
              "col": 0,
              "row": 8.5,
              "cols": 1.6,
              "rows": 0.5
            },
            "tall": {
              "col": 0,
              "row": 8.4,
              "cols": 2.4,
              "rows": 0.5
            },
            "enter": {
              "primitive": "drawOn",
              "order": 2
            }
          },
          {
            "id": "author",
            "kind": "text",
            "text": "{{author}}",
            "role": "headline",
            "align": "start",
            "maxLines": 1,
            "box": {
              "col": 0,
              "row": 9.2,
              "cols": 8,
              "rows": 1.4
            },
            "tall": {
              "col": 0,
              "row": 9.1,
              "cols": 12,
              "rows": 1.3
            },
            "enter": {
              "primitive": "blurIn",
              "order": 3
            }
          },
          {
            "id": "role",
            "kind": "text",
            "text": "{{role}}",
            "role": "title",
            "color": "sub",
            "align": "start",
            "maxLines": 1,
            "box": {
              "col": 0,
              "row": 10.9,
              "cols": 8,
              "rows": 1.1
            },
            "tall": {
              "col": 0,
              "row": 10.7,
              "cols": 12,
              "rows": 1.1
            },
            "enter": {
              "primitive": "blurIn",
              "order": 3
            }
          }
        ]
      },
      "name": "Pull quote"
    }
  }
}

Wiederverwenden: data.motion.spec einmal mit save_motion_spec speichern (geprüft wie mit validate_motion_spec), dann kann jede Szene das Visual „motion“ mit data.motion.specId und eigenen Parametern nutzen. Name der Spec: „Pull quote“.

Weitere Social Proof-Animationen