# Signal Resolve
URL: https://remocn.dev/docs/logo-stings/signal-resolve

Noisy scope traces are swept clean into a single line that locks into the logo with a caption.

- Install: `npx shadcn@latest add @remocn/signal-resolve`
- Vibe: tech
- Natural length: 230f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/signal-resolve
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { SignalResolve } from "@/components/remocn/signal-resolve";

const SignalResolveScene = () => (
  <SignalResolve
    name="emocn"
    caption="Less noise. More signal."
    traces={5}
  />
);

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

Several noisy scope traces run across the frame, a sweep cleans them into a flat line, the line draws into the R mark, and the name slides out of it as the caption fades in. Pass `name`, `caption` and `traces`. Ships light and dark.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `name` | `string` | `"emocn"` | Letters that slide out of the R; R plus name is the logo. |
| `caption` | `string` | `"Less noise. More signal."` | Closing sentence; the last sentence is set in an italic serif. |
| `traces` | `number` | `5` | Number of noisy traces before they resolve. |
| `accent` | `string` | `"#3B5BFD"` | Accent colour for the mark and highlights; any CSS colour. |
| `speed` | `number` | `1` | Playback multiplier for the whole timeline; 1 is normal speed. |
| `theme` | `"dark" \| "light"` | `"dark"` | Dark or light palette and ground. |

## Use when
- A message about cutting through noise, such as monitoring, search or analytics.
- A longer, deliberate logo reveal with a spoken-line caption.
- A data-flavoured sting where noisy waves become one clean line.

## Don't use when
- A short sting under five seconds is needed — use `snap-click`.
- A prompt should resolve into the brand through a network — use `neural-pulse`.
- Dots, not waves, should form the mark — use `ripple-mark`.