# Light Signature
URL: https://remocn.dev/docs/logo-stings/light-signature

A red light streak chases across the wordmark under an eyebrow, with a tagline below.

- Install: `npx shadcn@latest add @remocn/light-signature`
- Vibe: premium
- Natural length: 90f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/light-signature
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { LightSignature } from "@/components/remocn/light-signature";

const LightSignatureScene = () => (
  <LightSignature
    eyebrow="The all-new"
    name="remocn"
    tagline="Launch-video scenes, ready to render."
  />
);

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

A streak of light chases across the name, igniting it as it passes and returning to settle, then the eyebrow and tagline fade in around it. Pass `eyebrow`, `name` or `logo`, `tagline` and `lightColor`. Ships light and dark.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `eyebrow` | `string` | `"The all-new"` | Small line above the name. |
| `name` | `string` | `"remocn"` | Name the light ignites; Remocn renders the real logo. |
| `logo` | `React.ReactNode` | — | Mark set before the name, replacing the default. |
| `tagline` | `string` | `"Launch-video scenes, ready to render."` | Line that fades in under the name. |
| `lightColor` | `string` | `CHROME[0]` | Colour of the travelling streak of light. |
| `accent` | `string` | `"#3B5BFD"` | Accent colour for the mark and highlights; any CSS colour. |
| `background` | `string` | — | Stage fill colour; overrides the theme background. |
| `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 new-version reveal that carries a short eyebrow such as The all-new.
- A cinematic logo sting where a streak of light ignites the name.
- A trailer-style sign-off with a one-line tagline.

## Don't use when
- You want the eyebrow to settle and lift into place — use `introducing`.
- A full-frame anamorphic flare is wanted — use `anamorphic-flare`.
- A quieter band of light with no eyebrow — use `first-light`.