# Mono Voice
URL: https://remocn.dev/docs/typography/mono-voice

Stacked lines shift voice mid-line from monospace to proportional type, ending on a large accent word.

- Install: `npx shadcn@latest add @remocn/mono-voice`
- Vibe: clean
- Natural length: 84f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/mono-voice
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { MonoVoice } from "@/components/remocn/mono-voice";

const MonoVoiceScene = () => (
  <MonoVoice text={"Same script.\nA whole new\ndelivery."} highlight="delivery." />
);

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

Lines rise in monospace, a sweep shifts each glyph into a proportional voice, and `highlight` grows large in the accent color. Pass `text` (newlines split lines) and `highlight`; it ships light and dark through `theme`.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `text` | `string` | `"Same script.\nA whole new\ndelivery."` | Lines separated by newlines |
| `highlight` | `string` | `"delivery."` | Final word set large in the accent color |
| `accent` | `string` | — | Accent color (any valid CSS color) |
| `background` | `string` | — | Overrides the theme's stage color |
| `speed` | `number` | `1` | Playback speed multiplier |
| `theme` | `"dark" \| "light"` | `"dark"` | Ships light and dark palettes |

## Use when
- A script-to-delivery message where the final word should be bigger and more expressive.
- A three-line statement whose tone changes as it is read.

## Don't use when
- You only have two lines and want a quieter morph - use `mono-settle`.
- You want plain stacked lines - use `line-by-line-slide`.
- You want text typed out - use `typewriter`.