Channels
Four channels for shipping brand-consistent deliverables — printed media, documents, slide decks, single-file HTML.
Production
Four channels for rendering brand-consistent deliverables. Each is a capped grammar — pick the channel before the artefact.
Pick by deliverable
Start at the reader and the medium. The channel falls out.
| If the deliverable is… | …pick | Because |
|---|---|---|
| A single-page leave-behind read on paper or screen — one-pager, poster, trade-show flyer. | Printed Media | Print-first CSS, fixed paper sizes, no interactivity. Company-forward vs product-forward composition encoded per artefact. |
| A multi-page deliverable read end-to-end — spec, report, RFP, proposal — with cover, running heads, footnotes, TOC. | Document | Browser-native @page pagination. Two moods (spec reference-card, report magazine) share one schema. |
| A timed, spoken-through narrative on a projector or video call. | Slide Deck | 1920×1080 canvas, inline runtime, required speaker notes, keyboard-driven. Two moods (pitch editorial, review diagrammatic). |
| A single-file HTML deliverable with live tables, filters, or charts — opened in a browser, not printed. | HTML Artifact | Vue 3 + Tailwind inline or via CDN. Two artefacts (dashboard scanning, interactive-report reading). No routing, no backend. |
At a glance
| Channel | Surface | Runtime | Artefacts |
|---|---|---|---|
| Printed Media | print (A4 / Letter / A3) | static HTML + CSS print | one-pager, poster |
| Document | print (paginated) + screen | static HTML + CSS @page + autogen TOC JS | spec, report |
| Slide Deck | screen (1920×1080) + print (1 slide / page) | static HTML + deck-stage.js (inline) | pitch, review |
| HTML Artifact | screen only | static HTML + Vue 3 + Tailwind (CDN / inline) | dashboard, interactive-report |
A stylebook-level change to colors, typography, or chart tokens propagates through all four channels on the next stylebook build.
Download the templates
Each channel ships a zipped reference bundle, regenerated on every build so it stays in lockstep with this docs page.
- printed-media.zip — one-pager + poster + shared CSS + examples
- document.zip — spec + report + shared partials + TOC autogen + examples
- slide-deck.zip — pitch + review + inline deck-stage runtime + examples
- html-artifact.zip — dashboard + interactive-report + shared partials + examples
Each bundle includes an INSTRUCTIONS.md consumer guide at the root.
Related
- Guide → Accessibility — WCAG, legibility, and reduced-motion cross-reference shared by every channel.
- Typography → Role Mapping —
hero/body/chrome/code/ctadecisions consumed by every channel. - Colors — Palette + semantic tokens + chart cascade consumed by every channel.
- Theme — Color-modes shade mapping that drives the html-artifact dark-mode shift.