Deck
Statement slide
One idea alone at display scale on a brand surface (navy by default). The line the room should repeat afterwards; any attribution joins the meta row so the statement stays alone on the field.
Install
npx shadcn@latest add @alix/statementSlidePreview
The margin is already ours. We stopped enforcing it.
Usage
import { StatementSlide } from "@/components/deck/statementSlide";
<StatementSlide text="The margin is already ours. We stopped enforcing it." />Examples
01
With attribution
An optional attribution drops to the meta row, keeping the statement uncluttered on the field.
Recovery, not invention.
Draft for discussion
<StatementSlide text="Recovery, not invention." attribution="Draft for discussion" />02
On sand
The same slide on the light sand surface. The ink flips to black; the type scale is unchanged.
Resilience is a capability, not a cost centre.
<StatementSlide text="Resilience is a capability, not a cost centre." surface="sand" />When to use it
Use it for
- The reframe: the single line the room should walk out repeating. One, maybe two, per deck.
- A short statement; the display-scale type and the length cap are the design.
- Attribution only when the line needs sourcing. It joins the footer, never the title.
Reach for something else
- A fieldwork voice from an interview. Use QuoteSlide (evidence, not the deck's own claim).
- More than two per deck: a third means the argument has no spine.
- Padding the line to a paragraph. Split it or cut it.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | – | The statement. Short by design: the display type carries it alone. |
| attribution | string | – | Optional source; it joins the canvas meta row ahead of any other meta, so the statement stays alone on the field. |
| surface | VISurface | – | Override the navy default with the brand vocabulary (white, primary, sand, greyGradient, goldGradient); ink derives from it. |
| meta | string[] | – | Deck chrome for the footer meta row, after any attribution. |