Static examples

Example: a centered card

The following JSON is a teaching example. It is shown as text and is not executed by this page.

{
  "format": "motion-protocol",
  "formatVersion": 2,
  "composition": { "width": 1920, "height": 1080, "fps": 30 },
  "layers": [
    {
      "id": "card",
      "type": "shape",
      "shape": { "kind": "rectangle" },
      "frame": { "width": 720, "height": 420 },
      "fill": "#18B89A",
      "transform": {
        "translate": { "x": 600, "y": 300, "z": 0 },
        "rotate": { "x": 0, "y": 0, "z": 0 },
        "scale": { "x": 1, "y": 1, "z": 1 },
        "anchor": { "x": 0.5, "y": 0.5, "z": 0 }
      }
    }
  ]
}

Example: future intent

{
  "kind": "photo-carousel",
  "items": 4,
  "motion": "orbit"
}

This is high-level intent, not an atomic layer. It becomes publishable only after an approved lowering rule exists.

Visual policy

Static figures may show the expected visual idea. They must not claim to be a pixel comparison with the real preview or export output.