Relay's 9-scene launch film at 96 BPM
This 65-second clip is a launch film for Relay with 9 scenes, cut to 96 BPM. The Launch Film: Porcelain skill rendered it from examples/relay-beta/brief.json in its package. Every field of that file is listed below.
The brand and web addresses in this example are made up. The .example ending is a reserved name that never leads to a real site.
What happens in this clip
Relay is a shared inbox for support teams, and this film opens on its title scene: the small word “Introducing”, the name “Relay” and the line “The shared inbox for teams who answer customers”, with a logo. A problem scene follows. Its two lines are “Customers write in everywhere.” and “The answers live in twelve tabs.”, and eight chips pile in, among them “Re: Re: Re: refund?”, “Ticket 4821 reopened” and “SSO broken again”.
Five product scenes come next, each with its own kicker, title and callout. Inbox is “Every channel, one inbox”, with the callout “Longest wait on top”. Drafts is “Replies drafted from your docs”; it starts on the inbox screen and moves to a drafted-thread screen, with the callout “Cites your help center”. Assign is “Hand it off without the back-and-forth”, with the callout “Fewest open: Lucía”.
Insights, “See what slows the team down”, is centred, has no body line, and calls out “First reply: 14 min”. Mobile, “Answer from anywhere”, sits in a phone frame on the left with the callout “Reply in two taps”. A features scene lists six items, from “Search everything” to “Weekly reports”, and the film ends on “Now in public beta” and “Free for teams of up to five people.” above a relay.example button.
Compared with Cadence
Cadence, the other film from this skill, is built differently. Relay is set to tempo 96 and Cadence to tempo 100. Relay’s brief gives a ground of #e7eaee with a blue accent, #4c6fff; Cadence’s gives #eceae5 with a green accent, #2f7d5b. Relay has five product scenes (inbox, drafts, assign, insights, mobile) and Cadence has four (find a time, booking pages, mobile, focus time). Relay’s problem scene sets no bars, while Cadence’s sets four. Relay puts its phone frame on the left and Cadence on the right. The end cards differ too: a public beta here, version 1.0 free until March there.
How the film is built
In order, the film is a title scene, a problem scene, five product scenes that each carry a callout, a six-item features scene and an end card with a web address. All of that is set in the brief, so changing the product name, scenes, callouts and colours in it changes the film.
Frames from the clip
Settings
Every field of examples/relay-beta/brief.json, as stored in the package.
| Setting | Value |
|---|---|
| product | Relay |
| url | relay.example |
| tempo | 96 |
| colors.ground | #e7eaee |
| colors.ink | #1b1d22 |
| colors.accent | #4c6fff |
| colors.tint | #c9d3ff |
| Setting | Value |
|---|---|
| type | title |
| logo | logo.svg |
| kicker | Introducing |
| title | Relay |
| line | The shared inbox for teams who answer customers |
| Setting | Value |
|---|---|
| type | problem |
| lines | Customers write in everywhere., The answers live in twelve tabs. |
| chips | Re: Re: Re: refund?, #support · 14 unread, Where is my invoice?, Ticket 4821 reopened, Who is taking this one?, SSO broken again, Three tabs, one customer, Can someone reply? |
| Setting | Value |
|---|---|
| type | moment |
| kicker | Inbox |
| title | Every channel, one inbox |
| line | Email, chat, Slack and WhatsApp land in one list, with whoever has waited longest on top. |
| screen | screens/inbox.svg |
| path | /inbox |
| focus | 249, 107, 451, 282 |
| click | 470, 250 |
| callout | Longest wait on top |
| Setting | Value |
|---|---|
| type | moment |
| kicker | Drafts |
| title | Replies drafted from your docs |
| line | One click writes a first draft from your help center and status page, with its sources. |
| screen | screens/inbox.svg |
| after | screens/thread-drafted.svg |
| path | /inbox/4821 |
| focus | 724, 520, 692, 356 |
| click | 1226, 838 |
| callout | Cites your help center |
| Setting | Value |
|---|---|
| type | moment |
| kicker | Assign |
| title | Hand it off without the back-and-forth |
| line | Relay suggests whoever has the fewest open conversations on the right team. |
| screen | screens/assign.svg |
| path | /inbox/4821 |
| focus | 1098, 62, 320, 344 |
| click | 1250, 232 |
| callout | Fewest open: Lucía |
| Setting | Value |
|---|---|
| type | moment |
| kicker | Insights |
| title | See what slows the team down |
| screen | screens/insights.svg |
| layout | center |
| path | /insights |
| focus | 296, 300, 680, 300 |
| click | false |
| callout | First reply: 14 min |
| Setting | Value |
|---|---|
| type | moment |
| kicker | Mobile |
| title | Answer from anywhere |
| line | The whole inbox on iPhone and Android, with drafts and assignments. |
| screen | screens/mobile.svg |
| frame | phone |
| layout | left |
| focus | 0, 322, 390, 92 |
| click | 200, 368 |
| callout | Reply in two taps |
| Setting | Value |
|---|---|
| type | features |
| title | Everything else, built in |
| items[0].icon | search |
| items[0].title | Search everything |
| items[0].line | Threads, notes and attachments in one box |
| items[1].icon | keyboard |
| items[1].title | Keyboard first |
| items[1].line | Every action has a shortcut |
| items[2].icon | lock |
| items[2].title | SSO and audit log |
| items[2].line | SAML, SCIM and a full history of changes |
| items[3].icon | globe |
| items[3].title | 30 languages |
| items[3].line | Drafts in the customer's own language |
| items[4].icon | bell |
| items[4].title | Quiet hours |
| items[4].line | No pings after your shift ends |
| items[5].icon | chart |
| items[5].title | Weekly reports |
| items[5].line | First reply, backlog and CSAT by email |
| Setting | Value |
|---|---|
| type | end |
| logo | logo.svg |
| title | Now in public beta |
| line | Free for teams of up to five people. |
| cta | relay.example |
More from Launch Film: Porcelain
Related skills
- Launch Film: After Hours
Launch Films
- Cursor Tour Hero
Motion Heroes





