hermoso
Login Sign up

ChatGPT chat-reveal

A ChatGPT conversation rendered at the app's native geometry — a question typed into the composer with the keyboard up, then the answer streaming back, ending on your brand.

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.

When to use it

For products people would plausibly ask an assistant about, and for the recommendation frame: the answer names you. It performs well with audiences who use these tools daily.

The thing to get right

The whole format rests on fidelity. It is recorded at the real app's proportions and scaled without stretching, because a chat mockup with slightly wrong geometry is immediately obvious to anyone who uses the app.

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 — none — it renders from copy and your brand alone.
  • Template id — chatgpt-chat.

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.

Why does the geometry matter so much?

Anyone who uses the app daily notices when the proportions are wrong, and they cannot say why, only that it looks off. It is recorded at the real app geometry and scaled without stretching, which is the difference between a screen recording and an approximation of one.

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

The chatgpt chat-reveal template is reachable from Claude, Cursor, Codex or any other MCP client as well as from the web studio, with the same brand grounding. Driving a format from an agent covers the setup.

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

Start free →   See pricing