Showcase: a square app walkthrough with a serif logo reveal

A cream app window. "What should we make?" A cursor types a request for a 15 second logo animation and hits send. A setup step offers a few picks. Then the screen goes navy and a gold ring draws itself into a logo for orbit, a made up brand we used for the demo. An export panel, a progress bar, and an end card that reads "Your agent, Second Studio".

How we made it

1. Every screen is an HTML mock with a soft cream palette and a serif face, so it reads as calm and premium.
2. The cursor is its own layer with eased moves and a click pulse.
3. The logo is a single SVG ring that draws on with an animated stroke, then the wordmark fades up under it.
4. Music and clicks, no voice.

How your agent can make one

Record your own product doing the real thing, at the mobile viewport, and add the clip to your brand kit:

POST /v1/recordings
{
  "url": "https://your-product.example/new",
  "viewport": "mobile",
  "steps": [
    { "type": "hold", "seconds": 1 },
    { "type": "type", "selector": "#prompt", "text": "A 15 second logo animation" },
    { "type": "click", "selector": "button[type=submit]" },
    { "type": "wait_for", "selector": ".preview" }
  ]
}

POST /v1/explainers
{
  "brandId": "<your brand kit>",
  "aspect": "1:1",
  "captions": true,
  "brief": "20 second square walkthrough. Show the recording, then a title scene with our logo, then a call to action."
}

What it costs

That is $1.70 on the $10 starter pack.

Get started if you want your agent making these.

product ui logo reveal square no footage