hermoso
Login Sign up

Value-prop motion ad

A bold hook sticker followed by three to five punchy benefit claims animating over rotating product shots, alternating brand-colour blocks with photo beats.

It is one of 13 native HTML ad templates in Hermoso — formats rendered from real markup by a browser rather than generated by a model. This one outputs a video, with 4 copy slots you fill, and it needs 1 product photo from your brand before it will run.

When to use it

The workhorse motion-graphics ad: sound-off legible, brand-coloured, no fake interface, and fast to iterate because changing the ad means changing the lines.

The thing to get right

Every line is real text rendered by a browser, so it is exact and sharp at any resolution. That makes this the safest format when the claims have to be worded precisely.

The format at a glance

  • Output — a video.
  • Copy slots — 4, each with its own character budget derived from the layout rather than guessed.
  • Assets required — 1 product photo.
  • Template id — value-prop.

How this template renders

Nothing here is generated by an image or video model. The format is a self-contained HTML page whose animation is a pure function of time — no CSS keyframes, no timers, no randomness — and the renderer steps that page frame by frame in headless Chrome, screenshots each frame, and assembles them with ffmpeg into an H.264 file that ends on a crossfade into your brand end card.

Two things follow from that. The render is deterministic: the same inputs produce the same file, so a format that looked right yesterday looks right today. And every word on screen is real browser-rendered text, which means the copy is exact and stays sharp at any resolution. The whole thing costs a couple of credits rather than a video generation, which is what makes these formats practical to run at volume.

All 13 are listed on the native ad template index, and the wider catalog is on the creative recipes index.

Driving it from an agent

Every format on this site is reachable from an AI agent as well as the web studio. Hermoso ships an MCP server, so Claude, Claude Code, Cursor, Codex and any other MCP client can call plan_ad to draft the creative and render_ad to produce it, name a format as the recipe, and get a finished file back — with the same brand grounding and the same composited-text guarantees. The MCP and CLI overview covers the setup, and the generated tool reference is the complete list.

Render a native-format ad in a couple of credits — the free plan needs no card.

Start free →   See pricing