# Brand Reel

A brand's logo, palette, type specimen, image collage and lockup, entirely driven by one brand kit and the theme system.

```bash
npx shadcn add https://www.reelcn.dev/r/brand-reel.json
```

Usage:

```tsx
<Composition
  id="BrandReel"
  component={BrandReel}
  schema={brandReelSchema}
  defaultProps={brandReelDefaults}
  calculateMetadata={brandReelMetadata}
  width={1920} height={1080} fps={30} durationInFrames={1}
/>
```

Use for:

- A short agency or brand-kit showcase
- Introducing a visual identity before a product launch

Avoid:

- A product feature tour. Use `product-launch`

Dependencies:

- `remotion`
- `zod`


## Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| brand | `{ accent?: string; logo?: string; font?: string; }` | — |  |
| collage | `string[]` | — | Collage image URLs, shown in a `layout-morph` grid-to-mosaic morph. |
| theme? | `"daylight" \| "midnight" \| "mono" \| "ledger" \| "afterglow" \| "chromewave" \| "neon" \| "paper" \| "sunset"` | — | Theme preset. Inherits the surrounding `ThemeProvider` when omitted. |
| sfx? | `boolean` | — | Plays a soft whoosh as each scene starts. |
| music? | `string` | — | Background music file, looped under everything at 25% volume. |
| typeSample? | `string` | — | A short phrase set in the brand's own heading font, at display size. |