Publishing · Deck v0.7

Slide Layouts

The Phase System slide layouts — section covers, recap slides and composition patterns built on the canonical wheel engine (v1.3 core plus the layouts-only buildNest device). Loaded directly on the page: each 1920×1080 stage is scaled to the content rail, no longer boxed in a frame.

Source: layouts_v0_7Engine: v1.3 core + buildNestRender: live · scaled to rail
The Phase System slide layouts — section covers, recap slides and composition patterns, built on the canonical wheel engine (v1.3 core plus the layouts-only buildNest device). These were previously hosted full-screen in an isolated frame; they now render directly on the page. Each slide is a 1920×1080 stage scaled to fit.
Layout 01Cover
Opening slide. Establishes the deck title and previews the systems it covers.
Wavecast Design System
High-Level Technical Specification

Event Phases,
Listings & Bookings

The three systems that make a Wavecast event legible end to end — the lifecycle it travels, the console that operates it, and the commercial thread that runs its length.

Event Phases
The lifecycle — ten phases, three acts.
System 01
Event Listings
The console that operates the lifecycle.
System 02
Booking System
The commercial thread, end to end.
System 03
Wavecast Pro · WDSConfidential · v0.5 — for review
Slots
EyebrowTop-left context label.
Display H1Deck title, up to two lines at 104px.
LeadOne-paragraph framing.
Card row2–4 preview cards: dot, title, one-liner, index.
When to use
First slide of any deck. One per deck. The only slide that carries the full logo lockup.
Fixed elements
Frame, right-side conic act-glow, #0c0c0f stage. Full Wavecast lockup, top-left.
Wavecast Deck — Canonical LayoutsConfidential · v0.5
Layout 02Section Divider
Act break between systems. Signals a new major section and colours it.
High-Level Technical Specification
System 01 · Pre · Live · Post

Event Phases

The lifecycle every event travels — the same arc, every time. Ten phases grouped into three acts, with colour as the shared signal of where an event is and what comes next.

Wavecast Pro · WDSConfidential · v0.5
Slots
Act colourDrives dot + system tag. Pre green / Sky / Rose.
System tag"System NN · …" in the act colour.
Display H2Section name at 128px.
LeadOne-paragraph statement of the section.
When to use
Before each System. Carries that system's anchor colour. Pebble mark, not the full lockup.
Fixed elements
Frame + footer rule, corner (top-right) act-glow, #0c0c0f stage. Pebble mark, top-left.
Wavecast Deck — Canonical LayoutsConfidential · v0.5
Layout 0350:50 Hero
Split canvas — one type half, one visual half. The deck's workhorse for pairing a single hero visual with a short explanation.
System 01 · Event Phases
The encoding

One wheel,
two readings

01
Colour names the act
Three act families — Pre green, Live fire, Post sky. The hue alone tells you which third of the lifecycle an event is in.
02
Tone marks the distance
Within an act the colour deepens step by step. A darker tone means further through — the plan firming up, the heat rising to air.
03
The band carries the overlap
An inner Replay band starts under Live and runs to Replay’s end — the one idea the ring exists to show: Replay begins while you are still Live.
Wavecast Pro · WDSConfidential · v0.5
Slots
Type sideEyebrow + heading + body block. Body options: numbered rules (shown), lead paragraph, or plain body.
Visual sideOne hero visual. Fit modes — Free (transparent diagram/SVG) or Framed (bordered container).
SplitTrue 50:50. Mirror the halves with the Visual Left / Right variant.
VariantVisual Right (shown) or Visual Left mirror.
Variants & fit modes
Visual Right · Free
Visual Left · Free
Visual · Framed
When to use
Any slide pairing one strong visual (diagram, screenshot, photo, graphic) with focused copy. Mirror the halves with the Visual Left / Right variant; choose Free or Framed by media type. First instance: the Lifecycle Wheel.
Fixed elements
Frame + footer rule, act-glow behind the visual half, #0c0c0f stage. Pebble mark, top-left.
Wavecast Deck — Canonical LayoutsConfidential · v0.5
Layout 04Phase Stage Page
Content page within a phase section, carrying a small corner You-Are-Here marker so the reader always knows which phase they're in.
Phase 02 · Pre · Planning
Setup
Phase 02
Setup

The event takes shape. The delivery team is onboarded and roles assigned; the agenda is locked and speakers confirmed; the platform is chosen and the workspace provisioned. Green deepens from germination toward the confident tone of going public — the plan is becoming real.

Wavecast Pro · WDSConfidential · v0.5
Slots
Corner markerWeighted wheel, top-right. One phase lit, the rest dimmed; no segment numbers (clutter at this size). Driven by the canonical wheel engine (active + dim + band + nums:false).
Phase tag"Phase NN · Act · …" + phase name, beside the marker.
Display nameThe phase name at 104px.
Lead / bodyThe stage's content. Free to fill.
When to use
Content slides inside any phase section. The marker lights the current phase; the body is free for that stage's detail. Pairs with the phase section cover (hero You-Are-Here wheel) that opens the section.
Fixed elements
Frame + footer rule, corner (top-right) act-glow, #0c0c0f stage. Pebble mark, top-left. Marker has no centre caption (the phase name sits in the header).
Wavecast Deck — Canonical LayoutsConfidential · v0.5
Layout 05Feature Grid + Metro Footer
A two-column list of icon blocks over the windowed metro footer — the slice shows where this slide sits in the lifecycle without a full wheel.
System 01 · Event Phases
The lifecycle, in six ideas

How the phase system reads

Define the moment
Every phase exists to make one state legible — what is true right now, and what the room should be doing about it.
Three acts, ten phases
Pre, Live and Post group the lifecycle into thirds; the ten phases sit inside them, each a distinct, nameable step.
Position is the point
The footer line never asks how long a phase lasts — only where on the track you stand, and what comes immediately next.
Colour carries meaning
Hue names the act and tone marks the distance, so a glance at the track tells you the act without reading a single label.
Replay starts in Live
The overlap is deliberate: the replay window opens while you are still on air, so the long tail begins before the moment ends.
One engine, every format
Ring, metro line and footer slice are the same geometry with switches — change the engine once and every surface updates.
Lifecycle positionPromotion · phase 4 of 10
Wavecast Pro · WDSConfidential · v0.5
Slots
Title blockEyebrow + H1. One framing line for the six ideas below.
Block gridSix icon + name + paragraph blocks, 2-column list (3 rows). Icon in a tinted tile; name at Title 2, body beneath.
Metro footerWindowed slice (prev · current · next) from the canonical engine — buildMetro({mode:'window',motion:false}). Static for deck/PDF; sits in the footer band, above the standard footer rule.
Position labelLeft of the metro: the current phase name + "phase N of 10", mirroring the lit station.
When to use
Content slides listing several parallel points that benefit from a lifecycle wayfinder. Six blocks is the comfortable maximum here; drop to four for longer copy.
Fixed elements
Frame, act-glow, #0c0c0f stage, pebble mark. Metro band sits above the standard footer rule. Motion off for deck/PDF; on for hosted/web.
Wavecast Deck — Canonical LayoutsConfidential · v0.5
Layout 06Agenda / Contents
The three-act spine made literal — a static contents map colour-coded by act. The first slide to show all three act anchors together, as a sibling to the metro wayfinder.
Contents
What this deck covers

Three acts, three systems

Act · Pre
Plan
Ideation through Promotion — shaping the moment before it airs.
01
Event Phases
The lifecycle — ten phases, three acts.
Act · Live
Air
Finalising to Live — the broadcast itself, heat rising to air.
02
Event Listings
The console that operates the lifecycle.
Act · Post
Tail
Replay through Archive — the long tail, where reach compounds.
03
Booking System
The commercial thread, end to end.
Wavecast Pro · WDSConfidential · v0.5
Slots
Title blockEyebrow + H1. Names the spine before listing it.
Act rowThree rows, one per act. Left: coloured spine bar (the act anchor) + act name + verb + one-liner. Right: the sections living in that act.
Section lineIndex (Poppins, act-tinted) + name (Title) + one-liner. One or more per act.
Spine bar6px vertical bar in the act anchor colour — the static rhyme with the metro line's act ordering.
When to use
Second slide of any multi-section deck, after the title. The canonical place the three-act spine appears as a static map rather than the engine's wheel or metro.
Fixed elements
Frame + footer rule, right act-glow, #0c0c0f stage. Pebble mark, top-left. Shows all three act anchors together — the only navigational slide besides the metro footer.
Wavecast Deck — Canonical LayoutsConfidential · v0.5
Layout 07Closing / Handoff — A · chip recap
The deliberate ending and bookend to the title: the full lockup returns, the three-act spine is recapped, and the deck hands off with explicit next steps. Variant A recaps with static triad chips.
Close
That's the system

One lifecycle,
one design language

The three acts, recapped
PreLivePost
Where next
01
Adopt the registry
Decks inherit WDS tokens — colour and type roles — never hard-code. One source, every surface.
02
Extend the engine
Ring, metro and footer slice are one geometry. New surfaces are switches on the same engine.
03
Compose, don't invent
Seven canonical layouts cover the deck's jobs. Reach for one before designing a new slide.
Wavecast Pro · WDS — hello@wavecast.proConfidential · v0.5
Slots
Full lockupThe full Wavecast lockup returns, top-left — the bookend to the title. The only other slide that carries it; everything between uses the pebble.
Closing lineEyebrow + H1 at 72px. Settles the deck's thesis in one line.
Recap stripThe three acts, restated. Variant A: static chips. Variant B: full metro line (all ten phases). Pick one per deck.
Where next2–3 numbered handoff items — adoption, extension, next steps. Post-sky index numbers.
Sign-offFooter carries contact / sign-off in place of the running attribution.
When to use
Final slide of any deck. Bookends the title: full brand presence returns, the spine is recapped, and the room leaves with explicit next steps.
Fixed elements
Frame + footer rule, right act-glow, #0c0c0f stage. Full Wavecast lockup, top-left (not the pebble). Brand-presence rule: full lockup on cover + close only.
Wavecast Deck — Canonical LayoutsConfidential · v0.5
Layout 07bClosing / Handoff — B · metro recap
Same Closing layout, recapping the three acts with the full metro line instead of chips — ties the close back to the lifecycle engine. Heavier; use when the close should restate the system, not just settle.
Close
That's the system

One lifecycle,
one design language

The three acts, recapped
Where next
01
Adopt the registry
Decks inherit WDS tokens — colour and type roles — never hard-code. One source, every surface.
02
Extend the engine
Ring, metro and footer slice are one geometry. New surfaces are switches on the same engine.
03
Compose, don't invent
Seven canonical layouts cover the deck's jobs. Reach for one before designing a new slide.
Wavecast Pro · WDS — hello@wavecast.proConfidential · v0.5
Slots
Full lockupThe full Wavecast lockup returns, top-left — the bookend to the title. The only other slide that carries it; everything between uses the pebble.
Closing lineEyebrow + H1 at 72px. Settles the deck's thesis in one line.
Recap stripThe three acts, restated. Variant A: static chips. Variant B: full metro line (all ten phases). Pick one per deck.
Where next2–3 numbered handoff items — adoption, extension, next steps. Post-sky index numbers.
Sign-offFooter carries contact / sign-off in place of the running attribution.
When to use
Final slide of any deck. Bookends the title: full brand presence returns, the spine is recapped, and the room leaves with explicit next steps.
Fixed elements
Frame + footer rule, right act-glow, #0c0c0f stage. Full Wavecast lockup, top-left (not the pebble). Brand-presence rule: full lockup on cover + close only.
Wavecast Deck — Canonical LayoutsConfidential · v0.5
Layout 06Content Schema — Hero
The schema's hero device: the real Wavecast pebble nested five deep, every level labelled. The containment-hierarchy counterpart to the Lifecycle Wheel — depth encodes altitude, a single deep-Sky ramp encodes scope.
System 04 · Content Schema
The structure

Five levels,
one nesting

01
Depth is altitude
The outermost shell is the macro container — the SuperEvent. Reading inward descends the hierarchy to the atomic Moment at the core.
02
One family, soft steps
A single deep-Sky ramp, stepping gently — calm, not a spectrum. The monochrome says scope, distinct from the wheel's time-coded acts.
03
Two groups, one boundary
SuperEvent + SubEvent are the Schedule; Session, Segment, Moment the Content Agenda. The split sits between shells two and three.
Wavecast Pro · WDSConfidential · v0.5
Slots
Type sideEyebrow + heading + three numbered points. The schema's encoding in words, mirroring the Lifecycle Wheel hero.
Schema deviceThe nesting pebble, all five levels labelled — buildNest({shape:'realpebble',labels:'all'}). Real pebble outline, muted deep-Sky ramp.
Level keyRight-hand column: each shell named (Poppins) with its group beneath. Dashed rule marks the Schedule / Content Agenda boundary.
VariantEngine carries shape: circle | eccentric as switches; real pebble is the canonical default.
When to use
The schema's hero — opening the Content Schema system, or any slide defining the five-level containment model. The nesting counterpart to the Lifecycle Wheel hero.
Fixed elements
Frame + footer rule, right act-glow, #0c0c0f stage. Pebble mark, top-left. Device nests the real Wavecast pebble outline, scaled about its centroid.
Wavecast Deck — Canonical LayoutsConfidential · v0.5
Layout 07Content Schema — Smaller Versions
The range of compact applications from the same engine: five focus-state corner markers, a core-labelled mid size, and an inline glyph. Label density drops as the device shrinks — one engine, every size.
System 04 · Content Schema
One engine, every size

The schema, scaled down

Focus states · corner marker size
SuperEvent
Schedule
SubEvent
Schedule
Session
Agenda
Segment
Agenda
Moment
Agenda
Core only
Same geometry, switchable density
The hero, the corner wayfinder and the inline glyph are one engine. labels drops from allcorenone as size shrinks; active + dim lights one level for a "you-are-here" marker. Change the engine once, every surface updates — exactly the wheel's discipline.
Wavecast Pro · WDSConfidential · v0.5
Slots
Focus rowFive compact markers, one per level lit (active + dim, labels off). The schema's corner "you-are-here", sibling to the phase-wheel marker.
Core glyphlabels:'core' — names just the focal level. For mid-size placements where the full key won't fit.
InlineSmallest size, labels off — a brand glyph / bullet. The nested pebble still reads at a glance.
Label tiersall → core → none as the device shrinks — the one dial that scales it.
When to use
Content pages inside the Content Schema system: a corner marker shows which level the page sits at. Inline sizes for glyphs and bullets. The hero (Layout 06) opens; these orient.
Fixed elements
Real pebble outline, muted deep-Sky ramp, #0c0c0f stage. Dimmed levels recede to neutral; the lit level keeps full tone.
Wavecast Deck — Canonical LayoutsConfidential · v0.5
Slide Layouts — Deck v0.7
De-framed from the original isolated prototype and ported onto the WDS References shell. The deck's styling is scoped under .deck so it never leaks into the rest of the site; its 1920×1080 stages are scaled into the content rail.