Video Brand System

---
name: video-brand-system
description: Define or apply a product's consistent video style across demos, tutorials, films, and clips. Use when establishing video colors, type, motion, sound, framing, covers, and export rules from a real brand.
---

# Video brand system

Create a small set of production rules that lets separate videos read as the same product. Derive the rules from approved brand sources and the actual interface rather than inventing a parallel visual identity.

## Gather the source of truth

Inspect the product's design tokens, UI, mark, typography, motion, and approved examples. Record the source for each choice. Separate facts from preferences: a UI component's dimensions and easing may be fixed, while the background treatment for a campaign can be chosen.

Define only what production repeatedly needs:

- palette roles for background, surface, text, and accent;
- type families, weights, and safe text sizes by format;
- framing and camera behavior;
- entrance, settle, transition, and hold timing;
- sound roles for voice, interface effects, music, and silence;
- cover and closing treatment;
- export formats and quality checks.

## Apply it consistently

Keep reusable motion and design values in one place when the video project supports shared components. Use the real mark and UI assets. If reconstructing UI for a frame-based renderer, trace each visible surface to app or design source and animate from video time so renders are repeatable.

Do not force every genre into one template: a component loop, tutorial, and brand film may use different shot grammar while sharing the same visual and sound language. Update the system when the product changes, then check existing videos for visible drift.

Before delivery, compare exports side by side. Look for changed colors, inconsistent type, mismatched interaction timing, uneven audio level, and different treatment of the same component. Preserve the user's chosen format and publishing destination.