# We Call It
URL: https://remocn.dev/docs/typography/we-call-it

Short descriptive lines build up to a large product name introduced by a lead-in phrase.

- Install: `npx shadcn@latest add @remocn/we-call-it`
- Vibe: paper
- Natural length: 164f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/we-call-it
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { WeCallIt } from "@/components/remocn/we-call-it";

const WeCallItScene = () => (
  <WeCallIt descriptions={["Scenes you install like components.", "Edits that land as commits."]} lead="We call it a" name="video registry." />
);

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

Description lines stack up one at a time, then a lead-in phrase lands and the big name appears word by word. Pass `descriptions`, `lead` and `name` to name your own thing. It ships in light and dark through the `theme` prop.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `descriptions` | `string[]` | — | Lines that build up before the name. |
| `lead` | `string` | `"We call it a"` | Lead-in phrase shown before the name. |
| `name` | `string` | `"video registry."` | Large name revealed at the end. |
| `accent` | `string` | — | Accent color override; falls back to the theme accent. |
| `background` | `string` | — | Background color override; falls back to the theme background. |
| `speed` | `number` | `1` | Playback speed multiplier for the whole timeline. |
| `theme` | `"dark" \| "light"` | `"dark"` | Ships light and dark; picks the palette. |

## Use when
- A category-naming beat where several loose descriptions resolve into one name.
- A launch film moment that finally says what the product is called.
- A positioning scene that builds a list before the payoff.

## Don't use when
- You need the name defined like a dictionary entry — use `verbed`.
- The payoff is a time phrase rather than a name — use `on-approach`.
- You want the name placed in a fill-in-the-blank frame — use `your-name-here`.