Channels

Slide Deck

1920×1080 slide decks — pitch (editorial) and review (diagrammatic).

Production

1920×1080 decks with an inline runtime and required speaker notes. Two title moods — pitch for outward-facing, review for inward.

Two artefacts

Artefact	Title mood	Default length	Layouts
`pitch`	`editorial`	13 slides	6 of 6
`review`	`diagrammatic`	11 slides	6 of 6

Same layout vocabulary, two narrative moods. pitch is outward-facing — sales, conference keynotes. review is inward-facing — QBRs, retros, leadership updates. Pick one mood per deck; don't blend them.

Canvas

Every deck is 1920×1080px (16:9 landscape). The runtime scales the stage to fit any viewport; the aspect is preserved. Print emits one slide per landscape page at native pixel size.

Title modes

Two moods, asymmetric on purpose — the title-slide alone tells a reader which deck they're in.

Property	`editorial`	`diagrammatic`
When to pick	Full-bleed brand-band / image-wash background, wordmark overlay, italic-accent-word in title. Used when the deck is narrative-forward (pitches, announcements, external).	Paper background, geometric accent (thin grid rules + accent square), grid-aligned wordmark and kicker above a baseline rule, meta strip in a bottom grid. Used when the deck is analytical-forward (internal reviews, quarterly updates).
Background	`brand-band-wash`	`paper`
Title style	regular	regular
Accent token	`brand-300`	`brand-700`

Content layouts

Six layouts. Adding a seventh takes a spec revision; the cap is the feature — layout sprawl is the largest source of deck-level visual chaos.

Layout	Required fields
`title-body`	eyebrow, title, lede
`split-50-50`	eyebrow, title, left, right
`title-stat`	eyebrow, stat, caption
`title-chart`	eyebrow, title, chart, caption
`title-quote`	eyebrow, quote, cite
`title-table`	eyebrow, title, caption, columns, rows

Every layout carries a mandatory eyebrow (uppercase tracked label, ui role), supports the italic-accent-word device in <em>, and renders chrome (deck title + slide number). Variation lives in the body, not the frame.

Chrome, speaker notes, transitions

Chrome on content slides only. Title, section-divider, and closing slides carry no slide-counter — they own the page.
Speaker notes are schema-required. Every slide carries <script type="text/plain" class="speaker-notes">, even if empty. Press N to open the speaker view.
No slide-to-slide transitions. Intra-slide motion (stat reveals, chart draw-ins) may use the theme's motion tokens — but slide changes are abrupt by design. If a slide change needs a flourish to feel intentional, the deck's narrative is the problem.

Keyboard

Action	Keys
Navigate next	ArrowRight · PageDown · Space
Navigate previous	ArrowLeft · PageUp
Jump first / last	Home / End
Fullscreen	f · F
Speaker view	n · N
Print	p · P

Append #N to the URL to deep-link to slide N. The runtime mirrors hash on every navigation, and a per-path localStorage key persists the last-viewed slide across reloads.

Browse the full set

See the slide-deck showroom for a live deck-stage preview with keyboard navigation, a layout picker across all six content layouts, and a speaker-view popout.

Download

slide-deck.zip

Pitch + review decks, inline deck-stage.js runtime, examples, and the consumer guide.

Channels overview — when to pick this channel over document or html-artifact.
Typography → Role Mapping — hero=docs, chrome=ui, cta=actionable decisions used by every layout.
Colors — palette + chart tokens consumed by the deck runtime.
Document — sibling channel sharing chart palette and Tufte-table rules.

Printed Media

Single-page print deliverables — one-pagers and posters across A4, Letter, and A3.

Stylebook CLI

A CLI tool for brand asset generation and design system management