Showcase: a 13 second kinetic type opener

"How do you show the world your product just changed?" It starts as one small line of serif text on a warm grey page, then the answer arrives a word at a time: you don't explain it, you just show it, with a video. A black blob morphs into an orange sphere, "one call" tumbles in letter by letter, and the wordmark scrolls past as a band of heavy type.

No footage, no images. Just type and two shapes.

How we made it

  1. Every letter is its own element, so each one can rotate, drop and settle on its own timing. That is what gives "one call" its loose, hand thrown feel.
  2. The blob is a single shape whose border radius and color animate, so it morphs instead of cutting.
  3. The wordmark band is the same line repeated and slid sideways, a cheap way to make type feel huge.
  4. Short sound effects land on each beat. There is no voice.

It is custom HTML on our renderer, at 4:3, which is a nice change from 16:9 for a social opener.

How your agent can make one

The closest route through the public API is an explainer built from title scenes, one short line each, no voice:

POST /v1/explainers
{
  "brandId": "<your brand kit>",
  "aspect": "1:1",
  "captions": false,
  "script": {
    "title": "Show it",
    "scenes": [
      { "id": "s1", "type": "title", "durationSec": 4, "headline": "How do you show the world your product just changed?" },
      { "id": "s2", "type": "title", "durationSec": 4, "headline": "You don't explain it.", "subline": "You just show it." },
      { "id": "s3", "type": "cta", "durationSec": 4, "headline": "One call.", "action": "Try it" }
    ]
  }
}

What it costs

StepCredits
Render, under a minute12

That is $1.20 on the $10 starter pack.

Get started if you want your agent making these.

kinetic type typography motion graphics no footage

Keep reading

Made with Second Studio

Every one of these came from a brief

Real renders from our showcase. Hover, or scroll on your phone, to watch.

See the whole showcase