# Title Converge
URL: https://remocn.dev/docs/logo-stings/title-converge

Letters drift in from off-frame on their own paths and converge into the logo between two rules.

- Install: `npx shadcn@latest add @remocn/title-converge`
- Vibe: clean
- Natural length: 147f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/title-converge
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { TitleConverge } from "@/components/remocn/title-converge";

const TitleConvergeScene = () => (
  <TitleConverge
    word="remocn"
    accent="#3B5BFD"
    theme="dark"
  />
);

export const RemotionRoot = () => (
  <Composition
    id="TitleConverge"
    component={TitleConvergeScene}
    durationInFrames={175}
    fps={30}
    width={1280}
    height={720}
  />
);
```

The camera starts tight on the middle of the word and pulls out as each letter of `word` drifts in along its own straight path and locks into place, then two rules slide in above and below. Remocn is set as the real logo. Pass `word`. Ships light and dark.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `word` | `string` | `"remocn"` | Short word whose letters drift in; Remocn renders the real logo. |
| `accent` | `string` | `"#3B5BFD"` | Accent colour for the mark and highlights; any CSS colour. |
| `theme` | `"dark" \| "light"` | `"dark"` | Dark or light palette and ground. |
| `speed` | `number` | `1` | Playback multiplier for the whole timeline; 1 is normal speed. |

## Use when
- A slow, cinematic title card for a launch film that ends on the brand name.
- A long opener where the camera pulls back as the letters lock into place.
- An editorial title with rules above and below the word.

## Don't use when
- You need a quick sting under three seconds — use `snap-click`.
- The name should be spelled out with a slogan — use `spell-out`.
- Several words should lock in turn — use `split-match`.