> ## Documentation Index
> Fetch the complete documentation index at: https://docs.trybloom.ai/llms.txt
> Use this file to discover all available pages before exploring further.
# Create branded motion graphics
> Use Bloom's Brand Skills, fonts, and assets with a coding agent to create motion graphics for different brands.
## Finished result
Bloom supplied the Brand Skills, fonts, logos, and product images for these two 15-second concepts. A connected coding agent built the animation and sound.
## How Bloom shaped the work
Before developing the concepts, the coding agent read each brand's active Brand Skill and retrieved relevant files through Bloom. Nothing's focus on life without distraction informed the shift from notification noise to Glyph light. Tony's playful voice and bright palette informed the colorful stamps and pops, while its sourcing guidance kept all five principles in the story.
## What you need
* A coding agent connected to Bloom through MCP.
* A ready brand in Bloom, or sources to [create one](/guides/create-brand).
We used and recommend [HyperFrames](https://hyperframes.heygen.com/) for rendering and review. It is optional: [Remotion](https://www.remotion.dev/) or a raw headless-browser and FFmpeg workflow also works.
## Run it with your agent
Connect Bloom through MCP in your coding environment.
Use this starting prompt, adapted from these examples:
```text theme={null}
Retrieve the active Brand Skill and relevant files for [brand website or
existing brand] through Bloom MCP, then create a 15-second motion graphics
video at 1920 × 1080 and 30 fps.
Reuse a matching ready brand, or create one from the supplied sources and
wait until ready. Read the complete Skill and relevant references. Retrieve
the fonts, logos, and product images needed for the concept.
Develop a concept specific to the brand and build the animation as code.
Use HyperFrames, Remotion, or a headless-browser and FFmpeg workflow.
Let the brand guide the story, typography, pacing, and sound. Add original
or properly licensed audio.
Render and review the video against the Brand Skill, fixing visible and
audible issues. Return the MP4 and briefly explain the brand guidance
you applied. Do not publish anything externally.
```
## How it worked
The agent read each Brand Skill and retrieved the exact files through
Bloom MCP. Nothing used Ndot, NType82, and Lattera Mono; Tony's used
Chocolate Letter and American Typewriter. The code used those files directly.
The agent wrote the animation and scores in code. Nothing paired precise
light patterns with minimal electronic sound. Tony's red, blue, and yellow
scenes used stamps, pops, and a warmer, playful score. Sound effects were
timed to the visual events.
HyperFrames rendered the MP4s locally and provided review tooling. The
agent checked finished frames against the Brand Skills. Human feedback
on Tony's mix led to fewer, softer typewriter clicks.
## What each system did
* Bloom maintained the brand context and supplied the active Brand Skills and files through MCP.
* The coding agent, using Claude Opus 5.5 in these examples, chose the concepts, wrote the copy, animation, and sound, and reviewed the results.
* HyperFrames rendered the code locally and provided review tooling.
## Before you publish
* Check brand fit, product claims, and quoted slogans against approved sources.
* Review the finished video and audio, and confirm asset rights for the intended use.
These videos are independent concept work, not official Nothing or Tony's Chocolonely campaigns.
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.