A subtitle line sits here, one or two lines at most, in sentence case.
02 l-title · .wash
Section 02
Where the demand is
Three shifts in who is coming, and when.
03 l-section · .ridge · g-navy
Separator Slide
04 l-sep · .sep-tab · .foot-mark
Section 02Where the visitors we’re missing actually book
05 .sep-tab grows · .sep-kicker · .sep-tab-sm
Ten separator photos
Pick one per section
Section title
bike-overlook.jpg
Section title
bridal-veil-falls.jpg
Section title
paddleboard-lake.jpg
Section title
alpine-hikers.jpg
Section title
red-rocks-family.jpg
Section title
mirror-lake.jpg
Section title
river-surf.jpg
Section title
reservoir-dusk.jpg
Section title
lakeside-camp.jpg
Section title
wildflower-peak.jpg
06 .sep-mini · deck/img/sep/
In this session
What we'll cover
01
The visitor we have
Who is actually arriving, and how that has moved since 2019.
02
The visitor we're missing
Demand that searches for Colorado and books somewhere else.
03
What the data says to do next
Three moves, in order of what they cost.
07 l-grid · .rows · .fx-auto
Today's speakers
Subhead all caps
Photo
Speaker Name
Speaker Title / Credentials
Organisation
Photo
Speaker Name
Speaker Title / Credentials
Organisation
Photo
Speaker Name
Speaker Title / Credentials
Organisation
08 .speakers-1 / -2 / -3 · .media-ph
Subhead all caps
A headline that carries the whole argument
One paragraph of lead copy. Keep it to three lines: this is read
across a room, and anything longer gets skimmed rather than heard. If it needs more, it needs another slide.
09 l-headline · .eyebrow · .rule-gold
Subhead all caps
Headline goes here
A bulleted point, written as a full sentence so it can be read aloud.
The marker is the Colorado C, drawn in CSS — it carries the brand without an icon font.
Four to six points. More than that and the room stops reading.
Body copy never goes below 2.0cqh. Cut words instead of shrinking type.
10 l-bullets · .bullets · .co-c marker
Subhead all caps
Split layout
Content on one side, photography on the other. --split
sets the ratio; .l-split-40, -60 and -33 are the presets.
Source: Colorado Tourism Office, 2026
11 l-split · .split-pane · .split-media
Headline
Subhead all caps
Bulleted list goes here
Written as full sentences, so each one can be read aloud
The bullet is the template’s own ● in ink, not the Colorado C
Four to six points, and the column stops short of the lockup
12 l-simple · .t-head .t-sub .t-bullets
Headline
Subhead all caps
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat.
13 l-simple · .t-body
Headline
Subhead all caps
Bulleted list goes here
Bulleted list goes here
Bulleted list goes here
Bulleted list goes here
14 l-aside · .aside-media · deck/img/aside/
Photo on the left
Mirrored aside
The same layout, mirrored
Alternate it with the right-hand version so a run of aside slides has rhythm
The lockup is back on sand, so it is the grey one
15 .l-aside-left · data-hud="light"
A number, and a photo
Subhead all caps
68%
of trips include a trail
One sentence on why the number matters to this room.
Source: placeholder
16 l-aside · .aside-stat
Two columns of points
Subhead all caps
First point in the list
Second point in the list
Third point in the list
Fourth point in the list
Fifth point in the list
Sixth point in the list
17 .t-bullets.t-cols-2
A chart in the template frame
Visitation by quarter, millions
18 l-simple · any chart in .simple-body
Three places, three reasons
Subhead all caps
WinterA short caption, one or two lines.
SummerA short caption, one or two lines.
FallA short caption, one or two lines.
19 .photo-strip
Total visitor spending
28.2
billion dollars, 2025
One number, as large as it will go. If a slide has a single job, give it a single number.
Source: placeholder data · replace with the real series
23 l-chart · data-chart="column"
The takeaway
Trails out-pull every other reason to come
Percentage of visitors naming each activity as a
primary trip motivator.
Source: placeholder
24 l-chart-split · bar · highlight
Chart · line
Ten years of demand
Source: placeholder · the draw-on animates left to right on arrival
25 line · also: area, slope, scatter
Chart · parts of a whole
Two ways to show a share
26 donut · waffle · also: gauge, pictogram
Chart · composition and quotas
Stacked and progress
27 stacked (pct) · progress
Chart · drop-off and gaps
Funnel and dumbbell
28 funnel (with drop-off %) · dumbbell
Chart · grids and time
Heatmap and Gantt
29 heatmap (sequential ramp) · gantt
Click through this one
Three shifts, one at a time
01
Shoulder season
Fall now out-books spring by a factor of two.
02
Shorter windows
The median booking window has closed to eighteen days.
03
New origins
Texas and the Southeast are growing faster than the coasts.
All three point the same way: the season is longer and the decision is later.
30 data-steps · data-step · data-step-dim
Motion vocabulary
Eleven ways in
fx
Default. Rises 40px.
fx--down
From above.
fx--left
From the left.
fx--right
From the right.
fx--in
Fade only.
fx--scale
Settles in.
fx--wipe
Uncovered, not faded.
fx--wipe-up
Wipes upward.
Also fx--grow-x and fx--grow-y for rules and bars,
fx--draw for SVG strokes, and fx--bleed for the slow push on full-bleed photography.
Modify travel with fx--near / fx--far.
31 .fx--* · .fx-1 … .fx-12
Component · card
Five card treatments
Default
Parchment ground.
.card
Top rule
Gold rule above.
.card-top
Navy
Dark ground.
.card-navy
Gold
The loud one.
.card-gold
Outline
No fill.
.card-line
32 .card · -top -navy -gold -line -sand
Component · sequence
Timeline and process
2019
Baseline
The last normal year.
2020
The stop
Visitation halves.
2022
Recovery
Domestic clears 2019.
2025
New shape
Record spend, shorter stays.
1
Listen
Find where demand already is.
2
Focus
Pick the two that will move.
3
Fund
Move budget to match.
4
Measure
One number, quarterly.
33 .tl · .tl-v · .process
Component · compare
Versus, and a table
Today
Peak-season spend
Broad-reach media
Annual measurement
Next
Shoulder-season spend
Intent-led media
Quarterly measurement
Market
Visitors
Change
Texas
4.1M
+14%
California
3.8M
+3%
Illinois
2.2M
−2%
Florida
1.9M
+9%
34 .vs · .qtable · tr.is-hero
Component · matrix
Where we sit
A 2×2 for positioning. Points are placed with
--x and --y as percentages; .matrix__pt-us is the one that matters.
AwarenessIntentUtahMontanaWyomingColorado
35 .matrix · .matrix__pt-us
The visitor did not stop coming. They started deciding later, and they started deciding somewhere we were not looking.
Name Surname · Title, Organisation
36 .quote · Roboto Slab Light
Interactive · click these
Flip cards and image hotspots
Q
What share of trips now start on a phone?
Click
71%
and it was 44% in 2019.
Q
How far ahead does the median visitor book?
Click
18
days. Down from thirty-one.
A hotspot note. One opens at a time.Anchored left when it would run off the edge.
37 .flip · .hot · .hot-wrap
Interactive · tabs
Parallel content, one slide
38 .tabs · charts draw on first open
Foundations · grounds
Seven grounds, one component set
Paper
default
Sand
.g-sand
Parchment
.g-parchment
Gold
.g-gold
Navy
.g-navy
Mountain
.g-mountain
Red
.g-red
Ink
.g-ink
A ground sets --ink, --hairline and the chart ramp for everything inside it.
That is why one card, one table and one chart work on all seven without a per-slide override.
39 .g-* · grounds re-map the tokens
Foundations · type
D-XL
D-LG Headline
D-MD Headline
D-SM Headline
Eyebrow · Roboto Slab · tracked caps
Body XL — 3.1cqh
Body lead — 2.6cqh. The default for a paragraph on a content slide.
Body med — 2.3cqh. For lists and cards.
Body sm — 2.05cqh. The floor for anything read across a room.
Caption — 1.7cqh. Sources and notes only.
Display is Bebas Neue, body is
Helvetica Neue (Inter where it is missing), accents are Roboto Slab — the three
faces the template itself embeds.
A hotspot note. One opens at a time.
Anchored left when it would run off the edge.
