B2B software ads · music-led · landscape 16:9
How to make a video like the Outbidd ad
The Outbidd ad is a music-led B2B software ad with a deliberately narrow palette: near-black, white, and one accent colour. It alternates full-bleed kinetic type against your product UI, with no voiceover and no captions — every cut is slaved to a drum hit in the track. baz ships this as the Outbidd Ad skill: roughly 63 seconds across 19 scenes, re-derived from whatever track you bring.
The shortcut: run a skill instead of starting from scratch
A skill is a context file that teaches an AI agent one specific video style — its structure, pacing, typography, motion grammar and sound design. Hand an agent the skill plus your product, and it rebuilds that video for you. The steps below are what the Outbidd Ad skill already encodes, so you can follow them by hand or let the skill carry them.
baz is a library of video skills: context files that teach an AI agent a specific motion-graphics style, so it can rebuild that video for your product, with your brand, from your inputs. Run a skill inside your own coding agent — Claude Code, Codex — or directly in the baz editor.
What you need before you start
Required
- Product screenshots
- The claims you want to make — the actual sentences
- Your workflow steps, in order
- Your brand logo
Makes it materially better
- Your website copy and product feature list, so the type beats use your language
- Brand assets and your accent colour
- A track with clear percussive onsets — the whole edit is slaved to them
How to make a video like the Outbidd ad: step by step
Pick a track with unambiguous drum hits
Every cut in this format lands on an onset. A track with a soft or ambiguous rhythm gives you nothing to cut against. Choose the music first and map its onsets before you plan a single scene.
Hold yourself to three colours
Near-black, white, and one accent. That constraint is why the format looks confident. The moment you add a second accent or a gradient, it starts looking like every other B2B ad.
Alternate dark type against light product
Kinetic type lives full-bleed on near-black; product UI lives on white. The alternation gives the film its rhythm at a glance, before the viewer has read anything.
Write claims short enough to read in one beat
There is no voiceover and no captions, so the type is the only voice. Each claim has one beat to be read. If it needs two lines and a subordinate clause, it needs to be two beats.
Crop deliberately when you push in
Some beats are crops by design — a pushed-in card that runs off frame. Fitting the whole card into shot makes the type look tiny and turns a punch-in into a slide. Let it break the frame.
Fix empty-looking cards by adding content, not size
If a card reads as empty, enlarging the box makes it worse. The perceived emptiness comes from how much ink is on screen, not how big the container is — add or enlarge the content instead.
What the finished video actually contains
Approximate timings for a ~63 seconds cut. Treat them as a shape to hit, not a spec — the exact durations shift with your script and your music.
| Time | Beat | What is on screen |
|---|---|---|
| Open | Tunnel morph | A shape move that establishes the accent and the near-black world. |
| Claim beats | Kinetic type | Full-bleed type on near-black, one claim per beat, cut on the onset. |
| Product beats | Pinned scroll, column sweep | UI on white — a pinned scroll walking a list, a sweep across columns. |
| Interaction | Centred click, zoom through | A click lands on the beat and the camera pushes through into the next surface. |
| Punch-ins | Chaos pullback, crops | Deliberate crops on pushed-in cards, then a pullback revealing the whole system. |
| Close | Glyph converge | Elements converge into the brand mark on the final hit. |
Mistakes that cost you the view
Fitting a pushed-in card fully into frame
Do this instead: Let it crop. Showing the whole card shrinks the type and turns a punch-in into a slide.
Growing a card that reads empty
Do this instead: Add content. Emptiness is about how much is on screen, not the size of the box — a bigger empty card is a bigger problem.
Stacking two label lines where the source replaces one with the other
Do this instead: Replace, do not stack. Two lines where there should be one substitution doubles the reading load in a beat that has no time for it.
Letting chrome sit behind a headline
Do this instead: Clear the area behind type. Interface chrome showing through a headline destroys the flat, graphic quality the near-black beats depend on.
Adding a voiceover or captions
Do this instead: Let the type speak. This grammar is onset-slaved and silent by design; narration competes with the cuts rather than riding them.
Run it from your own agent
Skills are designed to run inside a terminal agent like Claude Code or Codex, against a project you control. The same skill produces the same style whether it runs in your agent or in the baz editor.
npm install -g bazaar.it@latest
# Install this skill into your agent (Claude Code, Codex or Cursor)
baz skill add outbidd-ad
baz project create --name "Outbidd Ad for my product"
baz prompt "make a video like the Outbidd ad" --stream-json
baz review --summary --json
baz export start --wait --format mp4 --jsonOperations draw from a prepaid balance. See the CLI reference for the full command set.
Common questions
Can I use more than one accent colour?
You can, but you will lose the thing that makes this format work. Three values — near-black, white, one accent — is the constraint doing the heavy lifting. If your brand needs two colours, pick the one that survives on both backgrounds.
What if my product UI is dark?
Then invert the alternation: type on your accent or white, product on dark. The principle is the contrast between the type world and the product world, not the specific assignment of light and dark.
Do I need video editing experience?
No. The skill carries the editing decisions — shot order, pacing, type treatment, transitions, sound design. You supply the raw material and the facts about your product; the agent assembles the cut. You review it and ask for changes in plain language.
Can I run this in my own coding agent instead of the baz editor?
Yes. Skills are designed to be run from a terminal agent like Claude Code, Codex or Cursor. Install the CLI with `npm install -g bazaar.it@latest`, then `baz skill add <slug>` to pull the skill into your agent. The same skill produces the same style whether it runs in your agent or in the baz editor.
What does it cost?
baz bills against a prepaid dollar balance rather than a seat subscription — you top the balance up and each operation (generation, voiceover, render, export) draws a listed amount from it. There is no per-seat fee to make a video, and the price of each operation is published.
Can I change the video after it renders?
Yes, and this is the point of doing it as code rather than as a flat render. Every scene is a real component you can edit — ask the agent to re-time a beat, swap a screenshot, rewrite a line, or change the accent colour, and only that part rebuilds. You are not re-rendering from scratch each time.
Will every video from this skill look the same?
The grammar is the same — that is what makes it a skill and not a template. The content is not: your brand colours, typography, screenshots, copy and data all come from your inputs. Reusing one skill across a series is a feature, because episode three lands in the same visual language as episode one instead of being rebuilt from scratch.
Related guides
Pick a skill. Get the video.
Run the Outbidd Ad skill in your own coding agent, or in the baz editor. Usage comes out of a balance you top up, with a listed price per operation — no seat subscription to make a video.