Living style guide · v2
The house style for Compass presentations — a chaptered, parallax scrollytelling system. This page is the example: scroll through and you'll see every element you can reuse, in order.
Contents
Each chapter opens with a numbered parallax divider — so it's always clear where you are and that there's an order.
Chapter 01
The fixed parts every deck inherits: a warm paper palette with one accent per meaning, a serif-plus-sans pairing, and four rules of voice.
The title is the takeaway, not the topic. "NYC now ranks #1" beats "Enrollment update."
If a card holds two ideas, split it into two.
A block that feels empty is usually finished.
Close each chapter with one clear next step or feeling.
Chapter 02
The everyday pieces a deck is assembled from — each does one job, and carries one accent.
For the one idea a section is really about. Everything else is supporting.
One idea, a few lines.
One idea, a few lines.
One idea, a few lines.
The old behaviour, in one or two plain sentences.
The new behaviour — what changed and why it's better.
The big one · a theme
A line of framing, then the contrast and the payoff.
What used to happen.
What happens instead.
Why it matters: the consequence, in the audience's terms.
Honest status: note anything still in flight here, plainly.
The takeaway
Define the destination strictly, let it find the road, and never drive into the lake.
Chapter 03
Where claims get grounded — clickable proof, requirements, tables, and the honest placeholders for work still in progress.
R1A labelled requirement, stated as a sentence the audience can check.
R2The next requirement — keep each to one idea.
| Scenario | Proves | Coverage |
|---|---|---|
| A behaviour we have | R1, R2 | have |
| A behaviour to build | R3 | gap |
Chapter 04
The scaffolding that makes a long page feel like an ordered deck — and the motion that adds depth without getting in the way.
Every chapter opens with a full-bleed divider and a giant parallax number. That's the "slide" cue — it tells the audience a new act has begun, and keeps the order obvious.
Content sections are as tall as they need to be — never crammed into one screen, never an endless wall. Generous padding does the pacing.
Always-present chapter links; the current one highlights as you scroll.
A top progress bar, plus the 0X / 04 counter in the header.
Tap any chapter to glide straight to its divider.
Chapter numbers and atmospheres drift slower than the page, for quiet depth.
Blocks fade and rise as they enter — in sequence, not all at once.
The nav and counter track which chapter you're reading.
Use this template
Full notes: docs/presentations/_template/README.md