Component library

Showing 5 components with role title.

<TitleSlide>

coreTitlePresentation

Hero title slide with optional small label, subtitle, and either a decorative accent-dot row or a numbered badge circle.

When to use: First slide of a deck or part boundaries. Use `badge` for a magazine-style numbered cover mark instead of `accentDots`.

Preview

Lunnoa

Automation discovery

Report outcomes · May 2026

Field Office Quarterly

Index 2026

A field report on the state of things.

Prop	Type	Notes
title	string	Required. Main headline.
subtitle	string	Optional. Supporting line under the title.
label	string	Optional. Small uppercase label above the title.
accentDots	number	Optional. 1-5 fading accent dots at top-right, opposite the label; a small cover signature mark.
badge	string	Optional. Short text (e.g. "01") in a ringed circle at top-right, opposite the label. Takes priority over accentDots.Example: `01`

Examples

<TitleSlide label="Lunnoa" title="Automation discovery" subtitle="Report outcomes · May 2026" accentDots={3} />

<TitleSlide label="Field Office Quarterly" title="Index 2026" subtitle="A field report on the state of things." badge="01" />

<LogoLockup>

financeChromeTitlePresentation

Sponsor + company logo lockup with separator; halves slide in from the sides on slide enter (client).

When to use: Use on IC deal title slides to anchor the sponsor and target. Pass remote URLs (https) for both logos.

Preview

Prop	Type	Notes
sponsorSrc	string	Required. Sponsor logo URL.
sponsorAlt	string	Required. Alt text for the sponsor logo.
companySrc	string	Required. Company logo URL.
companyAlt	string	Required. Alt text for the company logo.
separator	string	Optional. Default: `"x"`. Glyph between the two logos (often "x").
height	number	Optional. Default: `64`. Maximum logo height in pixels (24–160).
tween	object	Optional. Optional GSAP vars for the entrance.

Examples

<LogoLockup sponsorSrc="https://example.com/sponsor.png" sponsorAlt="Sponsor" companySrc="https://example.com/target.png" companyAlt="Target" />

<HeroCoverSlide>

expressiveTitlePresentation

Bold cover slide with hero headline, optional subtitle, eyebrow label, and outline badges.

When to use: First slide of a pitch, QBR, or product deck. Wrap in DecoratedSlide on vivid backgrounds.

Preview

FY26 planning

Quarterly business review

Three priorities for finance, operations, and product.

45 minBoard readyDraft v2

Prop	Type	Notes
title	string	Required. Hero headline.
subtitle	string	Optional. Supporting line under the title.
label	string	Optional. Eyebrow pill above the title (also accepts AccentEyebrow styling via label prop).
badges	string[]	Optional. Outline chips under the subtitle (duration, audience, version).

Examples

<HeroCoverSlide
  label="FY26 planning"
  title="Quarterly business review"
  subtitle="Three priorities for finance, operations, and product."
  badges={["45 min", "Board ready", "Draft v2"]}
/>

<LunnoaCoverSlide>

lunnoaTitlePresentation

Lunnoa-branded cover: full-bleed indigo marketing background, grey left-to-right overlay, left-aligned title stack. Logo from /theming uploads (dark-surface asset).

When to use: Opening slide for Lunnoa sales, product, or workshop decks. Uses the bundled indigo background by default; pass backgroundSrc to override.

Often with: TitleSlideHeroCoverSlideBroadsideCover

Preview

The platform layer for enterprise AI.

Prop	Type	Notes
title	string	Required. Main headline, left-aligned on the overlay (uses left half of the slide).
subtitle	string	Optional. Supporting line under the title.
backgroundSrc	string	Optional. Full-bleed background image URL. Defaults to /assets/decks/lunnoa/indigo-background.png.Example: `/assets/decks/lunnoa/indigo-background.png`

Examples

<LunnoaCoverSlide title="The platform layer for enterprise AI." />

<BroadsideCover>

broadsideTitlePresentation

Protest-poster cover: massive lowercase display title with catalogue number and meta.

When to use: Opening slide for manifesto / editorial decks. Pair with dark or brand presentationTheme.background.

Preview

01Broadside

this is the broadside style

Type so large it becomes image.

Lunnoa2026 · Showcase

Prop	Type	Notes
number	string	Optional. Default: `"01"`. Catalogue number top-left.
label	string	Optional. Default: `"Broadside"`. Top-right label.
title	string	Required. Lowercase display title.
lead	string	Optional. Supporting sentence.
author	string	Optional. Bottom-left meta.
meta	string	Optional. Bottom-right meta.

Examples

<BroadsideCover number="01" title="this is the broadside style" lead="Type so large it becomes image." author="Lunnoa" meta="2026 · Showcase" />