# Studio Reflection
URL: https://remocn.dev/docs/numbers/studio-reflection

A chrome gradient figure catches sweeping light bands over a floor reflection, with an eyebrow and label.

- Install: `npx shadcn@latest add @remocn/studio-reflection`
- Vibe: premium
- Natural length: 82f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/studio-reflection
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { StudioReflection } from "@/components/remocn/studio-reflection";

const StudioReflectionScene = () => (
  <StudioReflection value="250+" eyebrow="In the library" label="launch-ready scenes, one command away" />
);

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

Bands of light glide across the frame and park on the figure, which takes on a chrome gradient with a mirrored reflection beneath it. The eyebrow and label rise in last. Pass `value`, `eyebrow` and `label`; it ships light and dark through `theme`.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `value` | `string` | `"250+"` | Figure drawn in chrome, as text. |
| `label` | `string` | `"launch-ready scenes, one command away"` | Supporting line that rises in under the figure. |
| `eyebrow` | `string` | `"In the library"` | Small line above the figure. |
| `accent` | `string` | `"#3B5BFD"` | Accent color for highlights and small marks. |
| `background` | `string` | — | Background color override. Pass "transparent" to composite over other layers. |
| `speed` | `number` | `1` | Playback speed multiplier for the whole timeline. |
| `theme` | `"dark" \| "light"` | `"dark"` | Color theme, "dark" or "light". |

## Use when
- A product-shot style hero number such as the size of a library.
- A premium beat for a milestone count.
- A quiet, glossy stat with a short eyebrow and a supporting line.

## Don't use when
- The number should count up with a glow — use `lumen-count`.
- You need a plain stat with no effects — use `compact-stat`.
- The figure is a release version — use `version-hero`.