Ir al contenido principal
Ganchos

Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.

Frase manifiesto

motion design

Una frase potente con su palabra clave destacada y una línea de apoyo debajo.

Ideal para: Lo que crees, dicho una vez, en grande.

Ajustes

Fuente
Tema
Tamaño
Ánimo

Úsala en un vídeo

Lo que puedes cambiar:kickertextsupport
Para desarrolladores (MCP y JSON)

Esta es la escena exacta para enviar a create_animation (MCP): mantén la estructura, cambia las palabras y escribe la narración — la voz fija cuánto dura la escena. Pégala en update_storyboard con set_data para cambiar un vídeo que ya hiciste.

{
  "visual": "motion",
  "heading": "Manifesto",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "motion": {
      "spec": {
        "version": 1,
        "name": "Manifesto line",
        "intent": "statement: one strong sentence with an emphasised word and an optional support line",
        "stagger": "item",
        "params": [
          {
            "name": "kicker",
            "type": "text",
            "default": "What we believe",
            "maxLength": 28,
            "label": "Eyebrow"
          },
          {
            "name": "text",
            "type": "text",
            "default": "Great software should explain itself, out loud.",
            "maxLength": 72,
            "label": "Statement"
          },
          {
            "name": "support",
            "type": "text",
            "default": "So we built the tool that lets every product do it.",
            "maxLength": 96,
            "label": "Support line"
          }
        ],
        "layers": [
          {
            "id": "kicker",
            "kind": "text",
            "text": "{{kicker}}",
            "role": "label",
            "uppercase": true,
            "color": "c2",
            "align": "center",
            "maxLines": 1,
            "box": {
              "col": 0,
              "row": 0.6,
              "cols": 12,
              "rows": 0.9
            },
            "tall": {
              "col": 0,
              "row": 0.6,
              "cols": 12,
              "rows": 0.6
            },
            "enter": {
              "primitive": "fadeUp",
              "distance": "nudge",
              "order": 0
            }
          },
          {
            "id": "text",
            "kind": "text",
            "text": "{{text}}",
            "role": "display",
            "align": "center",
            "maxLines": 3,
            "box": {
              "col": 0,
              "row": 1.8,
              "cols": 12,
              "rows": 7.4
            },
            "tall": {
              "col": 0,
              "row": 1.9,
              "cols": 12,
              "rows": 7
            },
            "enter": {
              "primitive": "wordStagger",
              "order": 0
            },
            "emphasis": {
              "primitive": "highlightSweep"
            },
            "emphasize": "explain",
            "exit": {
              "primitive": "exitLift"
            }
          },
          {
            "id": "support",
            "kind": "text",
            "text": "{{support}}",
            "role": "title",
            "color": "sub",
            "align": "center",
            "maxLines": 2,
            "box": {
              "col": 1,
              "row": 9.6,
              "cols": 10,
              "rows": 2.4000000000000004
            },
            "tall": {
              "col": 0,
              "row": 9.299999999999999,
              "cols": 12,
              "rows": 2.700000000000001
            },
            "enter": {
              "primitive": "fadeUp",
              "distance": "nudge",
              "order": 1
            }
          }
        ]
      },
      "name": "Manifesto line"
    }
  }
}

Reutilízala: guarda data.motion.spec una vez con save_motion_spec (se comprueba como con validate_motion_spec) y cualquier escena podrá usar el visual «motion» con data.motion.specId y sus propios parámetros. Nombre de la spec: «Manifesto line».

Más animaciones de Ganchos