# Round Slam
URL: https://remocn.dev/docs/typography/round-slam

'ROUND 1' slams in in two hits, then 'SHIP!' punches over a red slashed band.

- Install: `npx shadcn@latest add @remocn/round-slam`
- Vibe: playful
- Natural length: 66f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/round-slam
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { RoundSlam } from "@/components/remocn/round-slam";

const RoundSlamScene = () => <RoundSlam round="ROUND 2" call="DEPLOY!" />;

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

'ROUND' then the number slam in with echoes and a shake, hold with a slow push, then the call ducks up to a label. The `call` word punches in bigger, cracks along a diagonal, and speed slashes open a band behind it before the logo rises. Pass `round` and `call`; it ships light and dark through `theme`.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `round` | `string` | `"ROUND 1"` | The round call, slammed in first in two hits. |
| `call` | `string` | `"SHIP!"` | The finisher word, punched in bigger and cracked open by the slashes. |
| `accent` | `string` | `"#3B5BFD"` | Color of one of the thin speed slashes. |
| `theme` | `"dark" \| "light"` | `"dark"` | Light or dark ground; ships both. |
| `speed` | `number` | `1` | Playback speed multiplier. |

## Use when
- A game-style announcement beat: a round or level call followed by a one-word finisher.
- A high-energy launch moment where two impact frames and camera shakes sell the hit.
- A short hype sting that ends on the logo under a chrome speed-slash band.

## Don't use when
- You want a count to ten before the verdict word — use `ko-count`.
- The tone is quiet and editorial rather than loud — use `cool-down`.
- You just need one big word to slam in without the game framing — use `full-bleed-type`.