Library · Content Sections

Content / Pull-Quote Statement

Large single quote/statement band with optional attribution (distinct from the multi-card Testimonial sections). Tone via the shared contract.

Figma: Content / Pull-Quote Statement ↗

Live preview — edit theme bottom-right

---
import PullquoteStatement from "../components/figma/PullquoteStatement.astro";
---
<PullquoteStatement
  quote="iCreate understood our project from day one and delivered a campaign that sold out stage one in six weeks."
  attribution="Sarah Chen"
  role="Marketing Director, Riverside Developments"
  size="xl"
  tone="secondary"
/>

Props

Name	Type	Required	Description
`quote`	`string;`	Yes	The quote / statement
`attribution`	`string;`	—	Optional attribution name
`role`	`string;`	—	Optional role / company under the name
`size`	`"l" \| "xl";`	—	Visual scale of the quote (default: 'l')
`tone`	`"base-100" \| "base-200" \| "base-300" \| "primary" \| "secondary" \| "neutral";`	—	Background tone — the Figma colour-variant axis

Example with all props

<PullquoteStatement
  quote="iCreate delivered a campaign that sold out stage one in six weeks."
  attribution="Sarah Chen"
  role="Marketing Director, Riverside Developments"
  size="xl"
  tone="secondary"
/>