Sennable

Motion & generated media

Three tools. The real output each one made for this page.

Motion work is easy to fake with a stock reel. So every piece below was produced by the named tool, for this site, from this site's own material — and each one says exactly how it was made.

Everything here is pre-rendered and served as a static file. Nothing on this page is generated at runtime — the site has to be fast, not “AI-powered” as a gimmick.

HyperFrames · code-driven motion

The production loop, running

The Sennable production loop — animated schematic, seamless loop

This is the site's signature diagram — the same schematic drawn on the home page — animated as a real video. A charge travels the loop; each stage energizes as it arrives, and the read-back trace closes the circuit back into the brief.

HyperFrames renders video from HTML: the composition is a page with a seekable, deterministic timeline, rendered frame-by-frame through headless Chrome. That means the motion is written in the same language as the site itself — no separate animation tool, no re-export when the design changes.

We run HyperFrames in production too: it renders the karaoke captions and overlay plates for the ambitionOS studio.

  • HyperFrames
  • HTML → video
  • GSAP timeline
  • headless Chrome

Remotion · assembled video

A reel cut from real screen capture

Sennable demo reel — assembled in Remotion from real screen capture

Every frame of footage in this reel is a real screen recording — the CourtMate calculator actually being operated, the actual case-study pages being scrolled, the live sites as they are today. No stock clips, no mocked-up interfaces.

Remotion composes video in React, which makes an edit a code change: the reel is rebuilt by a command, not by reopening a timeline. That matters for the kind of video that has to be re-cut every time a product ships.

Worth saying plainly: we evaluated Remotion for the ambitionOS pipeline and chose not to use it there — its spring easing conflicts with that studio's motion law. Right tool, different job. We'd rather show the judgement than pretend one tool wins everywhere.

  • Remotion
  • React video
  • Playwright capture
  • ffmpeg

Higgsfield · generated imagery

Generated offline, shipped as a static asset

An abstract macro image of a circuit board with fine blue traces carrying light and small amber indicators, rendered in the site's palette.

generated with Higgsfield · shipped as a static PNG

Generated imagery earns a place on this site only where a photograph would be dishonest and an illustration would be slow to commission. This one is a texture, not a claim: an abstract of signal moving through infrastructure, directed to the site's own palette.

It was generated offline and committed as a file. Nothing is generated when a visitor loads the page — runtime generation would trade the thing that actually matters, speed, for a gimmick.

The same tool backs a product we sell on identity-locked avatars, which is the harder version of this capability.

  • Higgsfield
  • offline generation
  • static asset

Need motion that rebuilds itself when the product changes?

Code-driven video means your launch reel is a build step, not a favour you ask a freelancer for. We set up the pipeline and hand you the command that runs it.