closing

When to use

• Last slide of every deck. Closes the bookend pair with title. Restates the takeaway, the call to action, or the next-steps line. The dark canvas tells the audience visually that the presentation is over.
• Single takeaway line. The h2 is the slide. Keep it to one editorial line that summarizes the whole deck or names the action the audience should take. The eyebrow can carry a sub-line or link.
• Accent modifier for emphasis. Pair with the universal accent modifier to recolor the focal heading. Useful when the closing line is a quote or a key decision the deck has been building toward.

When not to use

• Multi-line heading. Keep the closing line to one editorial sentence. The layout is centered and large — two-line closings get cramped and lose impact.
• Header or footer overrides. Don't reinstate _header: or _footer: on the closing. The dark canvas is the "we're done" signal; chrome breaks it. Use the silent modifier to suppress all three in one token.
• Mid-deck closing. If the audience needs a strong statement mid-deck, use big-number or content with the dark modifier. Reserving closing for the final slide preserves its bookend role.

Common mistakes

• Eyebrow written as bold or plain text instead of inline code. The eyebrow match is h2 + p:has(> code:only-child) — wrap it in backticks immediately after the heading; without the code span it falls through to the general italic subtitle rule instead of the uppercase mono eyebrow lifted above the heading.
• The subtitle paragraph is authored before the eyebrow paragraph instead of after it. The eyebrow match is an immediate-next-ELEMENT-sibling selector (h2 + p:has(> code:only-child)) — keep the source order heading → eyebrow → subtitle.
• In the index variant, the leading reference key isn't wrapped in inline code, e.g. docs — the component catalog instead of leading with a backtick-wrapped key. The index variant's mono reference-key styling (section.closing.index :is(ul,ol) li code) only applies to an actual <code> element — wrap the leading key in backticks so it renders as a mono chip, not plain text.

Authoring

<!-- _class: closing -->
<!-- _paginate: false -->
<!-- _header: '' -->
<!-- _footer: '' -->

## Closing takeaway or call to action

`Optional eyebrow`

Slots

Anatomy

┌─────────────────────────────────────────┐
│            [dark background]            │
│                                         │
│                 CLOSING                 │
│                                         │
│             Take this away              │
│                                         │
│                                         │
│                                         │
└─────────────────────────────────────────┘

Variant decision rule

• default (no modifier) — A single-sentence takeaway or call-to-action closes the deck — the common case.
• numbered — The deck's dividers also use the numbered variant — keeps the closing's corner stamp consistent with that numbering scheme.
• qr — The audience should leave with a scannable link (docs URL, contact card) rather than just a text call-to-action.
• index — The closing is a reference/see-also list of multiple next steps or resources, not a single takeaway sentence.
• spectrum — title also carries spectrum — closes the bookend pair with the same generated gradient bar, echoing the deck's own multi-step color story one last time.

Variants

<!-- _class: closing silent numbered -->

## The closing counts itself, apart from the dividers.

`Closing 04`

<!-- _class: closing qr -->

`closing qr`

## Leave a scannable takeaway behind.

The payload bullet renders as a QR code sized for the back row.

- https://slidewright.dev/components/closing
- Scan to open `caption`

<!-- _class: closing silent index -->

## Where to go next.

`Next steps`

- `docs` — the component catalog and authoring contracts
- `gallery` — every layout rendered in light and dark
- `studio` — compose and preview a deck in the browser

<!-- _class: closing silent spectrum -->

## The closing echoes the same six-step spectrum.

`Closing · spectrum`

Related

• titleopens the deck — same dark-bookend chrome
• dividermid-deck section breaks — same dark canvas
• big-numbersingle emphatic statement mid-deck without the bookend signal