Motion graphics
Headlines, shapes and transitions that move exactly on the beat.
// Creative Studio · Programmatic
Describe the headline, numbers and message – the AI turns them into animation code. Rendered deterministically, in your brand colours, fonts and logos. No animation software, and not a line of code from you.
// Brand-Kit: Mindverse
<Stat to={40} label="grind settings" />
<PriceTag price="€249"
note="incl. VAT" accent="accent" />
<LowerThird title="Mahlwerk Pro"
subtitle="In stores from October"
startMs={1200} /> Live demo · switch the brand kit: same code, another brand
// 01 · Rendered, not generated
When to use which mode: cinematic scenes invent pictures, programmatic scenes render exactly what you specify.
| Criterion | Cinematic · generated | Programmatic · rendered |
|---|---|---|
| Made from | Pixels from an AI video model | Animation code the AI writes |
| Text & numbers | May drift in the model’s hands | Appear exactly as entered |
| Brand colours | Approximated from description and references | Exact, from the brand kit |
| Repeatability | Every generation looks different | Same inputs, same result |
| Best for | People, places, mood and real movement | Headlines, stats, charts, prices and logos |
Both have their place – and both fit into the same film. See cinematic AI video
// 02 · Three styles
Headlines, shapes and transitions that move exactly on the beat.
Stats and charts whose values you enter directly.
Magazine-style typography and layout — in your fonts.
// 03 · Building blocks
The AI draws on a library of brand-aware blocks and composes them into your scene – text and values come from your brief.
<Stat />
Numbers that count up — with unit and label.
<PriceTag />
Price, currency and note in your brand style.
<LowerThird />
Name and role, cleanly faded in.
<ProductShot />
Your product image, staged with motion.
<FeatureCallout />
One benefit, clearly highlighted.
<SpecTable />
Technical data, row by row.
<CtaBadge />
The call to action at the end.
<LogoEnd />
Your logo as the closing frame.
// 04 · Workflow
With the storyboard agent you set the scene’s headline, copy and figures.
The AI writes the animation code. The preview appears right in the scene.
Change text, numbers, timing, colours and images in input fields – no code.
The scene renders in the cloud and lands in your timeline as an MP4.
If a build or recording fails, the credits are returned.
05 · Brand kit
Every coded scene reads your brand kit: colour roles for background, primary, secondary and accent, your fonts – loaded as real web fonts – and your logo in primary, monochrome and inverse versions.
Brand-Kit · Nordlicht
● activePrimary
#0d6e8a
Accent
#1db17c
Secondary
#0d2a3a
Neutral
#eaf3f6
Helvetica Neue
Headline · body
Primary
Monochrome
Inverse
// 06 · Combine
A filmed opening sets the mood, coded scenes deliver the facts. In the Creative Studio both share one timeline.
// FAQ
// Get started
Try free for 7 days – Creative Studio included. No credit card required.
GDPR-COMPLIANT · SERVERS IN GERMANY · SOC 2-ORIENTED PROCESSES