# Whole Page
URL: https://remocn.dev/docs/typography/whole-page

A manifesto of serif belief paragraphs fills the page in columns, one after another.

- Install: `npx shadcn@latest add @remocn/whole-page`
- Vibe: premium
- Natural length: 344f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/whole-page
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { WholePage } from "@/components/remocn/whole-page";

const WholePageScene = () => (
  <WholePage title="What we believe" beliefs={["A launch video is part of the launch.", "Every frame you install is a file you can rewrite."]} />
);

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

A title opens a page that fills with `beliefs` paragraph by paragraph, flowing into columns, with the active paragraph highlighted. Pass `beliefs` and `title` for your own manifesto. It ships in light and dark through the `theme` prop.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `beliefs` | `string[]` | `DEFAULT_BELIEFS` | Paragraphs that fill the page in order. |
| `title` | `string` | `"What we believe"` | Heading shown above the paragraphs. |
| `accent` | `string` | — | Accent color override; falls back to the theme accent. |
| `background` | `string` | — | Background color override; falls back to the theme background. |
| `speed` | `number` | `1` | Playback speed multiplier for the whole timeline. |
| `theme` | `"dark" \| "light"` | `"dark"` | Ships light and dark; picks the palette. |

## Use when
- A mission or values beat for a long-form brand film.
- A founder-letter style scene where several short beliefs read together.
- A closing scene that lets the viewer read a full page of principles.

## Don't use when
- You only need a short summary above the details — use `tldr-on-top`.
- Each belief should appear and dim on its own — use `what-sticks`.
- The statement is one sentence — use `we-call-it`.