A launch day on the desk it happened on: the post, the message home and the draft playing, with the camera pulling back to the whole machine before a client's notification lands
This is the format it was composed for. Switch above to see it lay itself out for another: same animation, re-arranged for the frame.
Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.
The poster's display name, set bold above the post.
now: Adish Jain
The @ handle and date line under the name, written as one string the way the platform runs it together.
now: @_adishj · Apr 8
The social post's body, one line per paragraph separated by newlines. Four lines is what the window holds before it scrolls.
now: introducing Motion, a video agent for tasteful motion des…
The engagement row in the platform's own order: replies, reposts, likes, views. Strings, so 1.4K stays as written.
now: 4 items
The messages window's title, which is who the boast goes to.
now: Mom
The message sent. It carries the number, so it is the one line that states what happened.
now: Mom I hit 500k views across both the platforms!!
The answer in the grey bubble. Short.
now: I’m so proud of you!
The headline under the name in the feed post, the one line a professional network shows about somebody.
now: CEO, Mosaic (YC W25) | building video agents at mosaic.so
The feed post's body above the player.
now: Introducing Motion, a video agent for tasteful motion des…
What the player is playing, set large on its black frame.
now: I am Motion.
The reaction line under the player.
now: You and 1,902 others · 3,157 comments
Who the notification is from, set bold ahead of its message.
now: Client
The notification's message. This is the beat that turns the piece, so it should create the deadline.
now: Launch is in 5 mins! Where is the video?!
The domain typed into the address bar in the last scene, one character every two frames.
now: motion.so
The portrait, as a URL or a data URI. Defaults to the reference's own, which its author supplied.
now: data:image/webp;base64,UklGRooGAABXRUJQVlA4IH4GAACwPACdAS…
Brand token id. Used for the caret in the address bar; the desk carries the operating system's own measured tones.
now: slate
No Tailwind, no CSS, no asset files. Inline styles only.
A desktop seen straight on with its dock along the bottom and three windows open on it: a social post with an embedded build panel and its counts, a messages window carrying a boast to a parent and the reply, and a feed post with a video playing inside it. The camera starts close on the messages window and pulls back until the whole desk is in frame. Cut to the feed post filling a screen at a slight angle, where a notification banner drops in from a client asking where the video is, and cut again to the address bar with a domain being typed one character at a time.