← All work

5 DEMOS · REMOTION · CODE-RENDERED

ABØ Studios

Product demo videos, built in code. No camera.

Twelve-second product demos written as code and rendered frame by frame — motion, type and timing matched to each company's real brand by reading their own stylesheet.

Demos live

5

Camera

None

Turnaround

12-second cut

Pitches sent

3 · 1 warm

Bento — 12.0s · 1920×1080 · silent by design. Every frame is a React component.

Nothing is filmed. The video is a program that gets rendered, so a brand change is a variable change.

01

A studio with no camera

Every frame is a React component. Nothing is filmed, nothing is edited on a timeline — the video is a program that gets rendered. That means a brand change is a variable change, and a revision takes minutes instead of a reshoot.

02

Matching the brand automatically

Before writing a demo I read the company's own site: their colours, their type, their spacing. The video comes out looking like it was made in-house because the design tokens are literally theirs. Five are live — Migma, Watchlist, ShotsGlow, ACME.BOT and Bento — each built as a real demo for a real product before any conversation started.

ShotsGlow — brand-matched by reading their own stylesheet. No camera involved.

Built with

  • Remotion
  • HyperFrames
  • React
  • TypeScript

Next

Anchor

com.abiola.anchor · v1.1.2 · SIGNED RELEASE