guillermo
conversion accepted

CTABookend

Close the argument and ask.

FixtureViewport

Structural distinction

A single centered declaration on the inverted surface — the tonal full stop of a page. Kicker between two drawn rules, one headline, one ask, one honesty line. Deliberately the only centered moment a composition should contain.

Use when

The final section of any persuasive page, after evidence has been presented. Works on base surface when a page already uses an inverted section elsewhere.

Avoid when

Mid-page (it reads as an ending); pages with no preceding argument; more than two actions (the close is a decision, not a menu).

Accessibility

Section labelled by its headline; heading level configurable (h2 default) to preserve document outline; inverted surface colors come from the theme's inverted scope so contrast is theme-audited.

scroll

Entrance choreography on entering view; otherwise deliberately still — stillness is the emphasis.

hover

Action hover states from theme component tokens (fill heat change / border strengthen).

press

CTA press: step down + ink deepen + faint compression.

focus

Natural order: primary action first; theme focus ring on the inverted surface's focus color.

reduced

Instant render; the composition ends at rest.

Usage

import { CTABookend } from "@guillermo/marketing";

<CTABookend
  content={{
    kicker: "Product",
    headline: "The closing declaration.",
    support: "One supporting sentence.",
    actions: [{ label: "The ask", href: "#" }],
    reassurance: "The honesty line.",
  }}
/>