# Cool Down
URL: https://remocn.dev/docs/typography/cool-down

A short statement, 'Runs cool.', settles in large over a faint grid with a mono caption

- Install: `npx shadcn@latest add @remocn/cool-down`
- Vibe: tech
- Natural length: 92f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/cool-down
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { CoolDown } from "@/components/remocn/cool-down";

const CoolDownScene = () => <CoolDown title="Runs cool." label="a full launch film rendered, fans silent" />;

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

A short statement rises into place in large type, glowing in the accent color and cooling to the text color while a faint grid and heat shimmer calm down behind it, ending on a still frame with a small mono caption. Pass `title` and `label`.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `title` | `string` | `"Runs cool."` | Short statement set large. |
| `label` | `string` | `"a full launch film rendered, fans silent"` | Small mono caption under the title. |
| `accent` | `string` | — | Hot color the title and caption start in before cooling to the text color. |
| `background` | `string` | — | Stage fill color; pass "transparent" to overlay your own footage. |
| `speed` | `number` | `1` | Playback multiplier for the whole timeline. |
| `theme` | `"dark" \| "light"` | `"dark"` | Color scheme; ships dark and light. |

## Use when
- A performance or efficiency claim where the visuals should feel calm and settled.
- A short two-word statement with a technical caption underneath.
- A developer-focused beat about speed, stability or low resource use.

## Don't use when
- You want to show a number counting up — use `rolling-number`.
- The claim needs a code-style reveal — use `uncomment-line`.
- You need a longer line with several words animating in — use `staggered-fade-up`.