Library · Content Sections

Stakes / Standard

Centred StoryBrand stakes statement — large serif headline over a short supporting paragraph. Tone via the shared contract.

Figma: Stakes / Standard ↗ View Elementor template in 8020 ↗

Live preview — edit theme bottom-right

---
import StakesStandard from "../components/figma/StakesStandard.astro";
---
<StakesStandard
  title="We know what it feels like to pour your heart into a home and still feel like something's missing, like it just doesn't reflect you."
  body="Too many homes are built with a cookie-cutter mindset, leaving you wondering if there's a builder who truly listens and brings your vision to life. You want to live in a space that's uniquely yours, and it's wrong that so many people feel forced to compromise on the most important place in their lives."
  tone="base-200"
/>

Props

Name	Type	Required	Description
`title`	`string`	Yes	The stakes statement (large serif, centred)
`body`	`string`	—	Short supporting paragraph under the statement
`level`	`'h2' \| 'h3'`	—	Semantic heading level (default: 'h2')
`tone`	`"base-100" \| "base-200" \| "base-300" \| "primary" \| "secondary" \| "neutral"`	—	Background tone — the Figma colour-variant axis

Example with all props

<StakesStandard
  title="We know what it feels like to pour your heart into a home and still feel like something's missing."
  body="Too many homes are built with a cookie-cutter mindset…"
  tone="base-200"
/>