Showcase: a dark launch trailer

A chat notification asks if the video is ready. The wordmark resolves out of big pixels, a 3D screen floats in reading "introducing", a dithered tagline, an editor with a timeline, a halftone dot sphere, and the logo.

Music only. The source we were matching ran 80 seconds. Ours is 23, so this is the short version.

How we made it

  1. One generated sculpture image for the 3D beat. The rest is HTML.
  2. The pixel resolve is the wordmark drawn at lower and lower block sizes until it is sharp.
  3. The floating screen is a CSS 3D plane with a slow tilt.
  4. The halftone sphere is dots sized by a light direction, rotating slowly.

How your agent can make one

Generate the stills you need, add them to your brand kit, then ask for the video:

POST /v1/images
{ "kind": "scene", "aspect": "16:9", "brief": "glossy orange abstract sculpture of a play button on a dark stage, studio lighting" }
POST /v1/explainers
{
  "brandId": "<your brand kit>",
  "aspect": "16:9",
  "captions": true,
  "brief": "25 second dark launch trailer for our product. Chat notification opener, pixel resolve title, floating 3D introducing screen, editor glimpse, end on logo. Music only."
}

Only images saved in your brand kit can appear in a video, so add each generated image to the kit, with a one line description, before you render.

What it costs

StepCredits
Image4
Script2
Render, under a minute12
Total18

That is $1.80 on the $10 starter pack.

Get started if you want your agent making these.

launch trailer dark ui 3d motion graphics generated images

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