Docs Block Reference Motion Wall

Motion Wall

A moving wall of repeated text or images that fills a SECTION behind its content. Not a block: it is a property of the section, so the section's normal children sit on top of it.

Where: section setting, keys tw_*. There is no motion_wall element type.

When to use

USE for: a hero backdrop with movement, a brand-name wall behind a headline, a photo wall for a portfolio or menu section, a section divider that needs energy without another image.

DO NOT use for: anything the reader has to read. The wall is texture. Real copy goes in blocks on top of it, and the wall is dimmed behind them.

One per section. Two Motion Walls on one screen fight each other and neither reads.

Text or images

tw_content picks what the wall repeats:

  • text (default) — repeats tw_text, a short string. One or two words. It is

    • set as type, so it scales with the motion, not as an image.

  • images — repeats the images in tw_images (a JSON array of URLs). Not every

    • motion supports images; the ones that do are marked below. A motion that does not will fall back to text.

Settings reference

| key | type | default | notes | |---|---|---|---| | tw_motion | enum (see catalog) | none | the motion; none is a static wall | | tw_content | text / images | text | what the wall repeats | | tw_text | string | "" | the repeated word. Short: one or two words | | tw_images | JSON array | [] | image URLs, images mode only | | tw_speed | 0.25-3 | 1 | timing multiplier | | tw_space | number | varies | gap between repeats | | tw_angle | degrees | 0 | rotation of the whole wall | | tw_font | font key | inherit | typeface for the repeated text | | tw_color2 | hex/rgba | "" | second colour, used by the motions that alternate | | tw_dim | 0-100 | varies | how far the wall is pushed back behind the content | | tw_gray | 1/0 | 0 | greyscale the wall, images mode especially | | tw_vcount | number | varies | how many items the motion lays out (Vortex uses it as the image count) | | tw_camera | enum | none | slow camera move over the wall | | tw_cam_strength | 0-100 | varies | how far the camera travels | | tw_parallax | 1/0 | 0 | the wall answers the pointer | | tw_spotlight | 1/0 | 0 | a light follows the pointer across the wall | | tw_spot_size | number | varies | spotlight radius | | tw_spot_opacity | 0-100 | varies | spotlight strength | | tw_ticker | 1/0 | 0 | a ticker strip along the top and bottom edges |

Colour comes from the section's own text/background colours; the wall does not carry a palette of its own beyond tw_color2.

Motion catalog

<!-- BEGIN GENERATED MOTIONS --> 21 motions, generated from the panel source. Anything not listed here does not exist.

Motions marked images can repeat the pictures in tw_images. The rest are text-only: choosing one in images mode falls back to text, which looks like the setting did nothing.

  • Static (none) - images
  • Scroll (scroll) - images
  • Drift (drift) - images
  • Lanes (lanes) - images
  • Stack (stack) - images
  • Wave stack (wavestack)
  • Zoom (zoom) - images
  • Rings (rings)
  • Wave lanes (wavelanes)
  • Stickers (stickers) - images
  • Cross (cross) - images
  • Banner (banner)
  • Overprint (overprint)
  • Snake (snake)
  • Funnel (funnel)
  • Tilt (tilt) - images
  • Vortex (vortex) - images
  • Bricks (bricks) - images
  • Coils (coils)
  • Drum (drum) - images
  • Weight walk (weightwalk)

Images-capable: none, scroll, drift, lanes, stack, zoom, stickers, cross, tilt, vortex, bricks, drum. <!-- END GENERATED MOTIONS -->

Anti-patterns

  • Do not put readable copy in tw_text — it repeats and moves, so it reads as

    • pattern, not as a sentence. One or two words.

  • Do not pick an images-only motion in text mode or vice versa: check the

    • catalog. A motion that cannot take images falls back to text silently, which looks like the setting did nothing.

  • Do not stack a Motion Wall behind a section that already has a busy

    • background image. It is a background; it needs the section to be plain.

  • Do not raise tw_speed to make a wall "more alive". A wall that moves fast

    • competes with the content in front of it. The default is deliberate.

  • Do not enable Parallax and Spotlight and a camera move together. Each is an

    • answer to the pointer; all three at once reads as noise.

  • Long text with a large tw_space leaves visible holes in the wall. Shorten

    • the word or close the gap.