Dashboards & Presentations Playbook v1
A focused companion to the Effects Reference Matrix and the Email CTA Playbook. Covers BI dashboards, analytics interfaces, and presentation decks — with platform-specific notes for the marketing reporting stack (GoHighLevel, Braze, Emarsys, Iterable, HubSpot, Klaviyo).
This doc serves two audiences:
- The builder agent — design rules for generating dashboards and decks as builder outputs
- The team's internal work — best practices for the actual reporting pipelines and client decks
Part 1 — Dashboards / BI / Analytics
Why dashboards are different
Dashboards are the only output type in the matrix where the design loses if it's pretty but doesn't answer the question. Every other channel (social, email, landing pages) has decoration as part of the job. Dashboards do not. The job is: enable a decision in 5 seconds or less.
Two layers of rules apply:
- Information design rules — what data, in what order, with what hierarchy
- Visual design rules — how the chrome, type, color, motion, and effects support (or undermine) the information
Most dashboards fail at layer 1 long before layer 2 matters.
The 5-second test
If an executive can't grasp the dashboard's headline in 5 seconds, the design has failed regardless of how beautiful the charts are.
Test method: show the dashboard to someone unfamiliar with the data for 5 seconds, then close it and ask "what did you see?" If they can't name the primary KPI and its direction (up/down/flat), redesign.
Implication for the builder: every dashboard output needs a hero KPI region at the top — the single most important number, with delta vs comparison period, in the largest typographic weight on the page.
The action test for every KPI
Every metric on a dashboard must answer: "If this number changes, does someone take an action?"
If no, remove it. "Nice to know" metrics are clutter that dilutes the actionable ones. This is the single highest-leverage cull when auditing existing dashboards.
Common metrics that fail the action test in marketing dashboards:
- Total email recipients (already known from list size)
- Open rate, post-MPP (unreliable signal)
- Total emails sent (vanity, no action)
- Generic engagement score with no benchmark
Common metrics that pass:
- Click rate vs benchmark + period delta
- Revenue per recipient vs target
- Unsubscribe rate vs threshold (action: investigate if above 0.5%)
- List growth rate vs target
- Deliverability rate vs threshold (action: investigate if below 95%)
- Flow conversion rate vs campaign average
Dashboards vs reports — architecture rule
Per EPC Group's enterprise BI guidance, the correct architecture is:
Reports first. Dashboards second. Build comprehensive reports with full slicer interaction, drill-through, bookmarks, conditional formatting. Then pin the most important visuals from those reports to a dashboard that serves as the single executive entry point.
For the builder: outputs should be structured as dashboard + linked report, not a single sprawling dashboard. The dashboard is the headline; the report is where you investigate.
Information hierarchy on the canvas
Reading patterns dictate placement:
- Top-left: highest-priority element (F-pattern reading start)
- Top row: hero KPIs (3–5 max)
- Left column: secondary KPIs, filters
- Middle: primary chart (the "headline story")
- Right: supporting context, drill-down
- Bottom: detail tables, footnotes, data freshness timestamps
The grid below works for ~80% of marketing performance dashboards:
┌────────────────────────────────────────────────────────────────┐
│ Hero KPI 1 Hero KPI 2 Hero KPI 3 Hero KPI 4 │
│ + delta + delta + delta + delta │
├────────────────────────────────────────────────────────────────┤
│ Filters / Date range │
├──────────────────────────────────┬─────────────────────────────┤
│ │ │
│ PRIMARY CHART (line, trend) │ Secondary chart (breakdown) │
│ │ │
├──────────────────────────────────┼─────────────────────────────┤
│ Detail table │ Tertiary chart / list │
│ │ │
├────────────────────────────────────────────────────────────────┤
│ Data freshness · last updated · data source │
└────────────────────────────────────────────────────────────────┘
Chart selection — the working taxonomy
The single biggest mistake in dashboard design is picking the wrong chart for the data. Below is the working decision tree.
What's the question?
| Question | Best chart | When NOT to use |
|---|---|---|
| What's happening over time? | Line chart | Stop if you only have 2–3 time points — use bar instead |
| How do categories compare? | Vertical bar | Stop if you have >10 categories — switch to horizontal bar |
| How do many things rank? | Horizontal bar | Stop if data is time-series — switch to line |
| How does the whole break down? | Stacked bar (over time) or treemap (single point) | Avoid pie/donut beyond 5 segments |
| How do two variables relate? | Scatter plot | Stop if relationship is purely categorical — switch to grouped bar |
| Where's the density / intensity? | Heatmap | Avoid for <5×5 cells — too sparse |
| How does the funnel convert? | Funnel chart | Stop if all stages don't share the same denominator — use Sankey instead |
| How are users retaining? | Cohort heatmap | This is the only chart that does this well — use it |
| What's the single most important number right now? | KPI card (big number + delta) | Always pair with comparison period |
| Where did revenue come from / go? | Waterfall chart | Avoid if you have >7 contributing buckets |
| What's the distribution shape? | Histogram or box plot | KPI averages hide distribution — show the shape |
| What's the micro-trend in tight space? | Sparkline | Avoid if exact values matter — sparkline reads shape only |
| How are A and B paths flowing? | Sankey diagram | Avoid for >4 stages — gets unreadable |
| What's actual vs target? | Bullet chart | Better than gauge; avoid gauges entirely |
| What's the geographic breakdown? | Map (choropleth) | Only when geo matters — bar chart of countries usually communicates faster |
Charts to mostly avoid:
- Pie/donut with >5 segments — humans can't compare angles accurately. Bar chart wins.
- Gauges — take huge canvas space to communicate one number. KPI card + delta beats a gauge every time.
- 3D charts — distort perception. Always.
- Stacked area for >4 categories — middle bands become unreadable.
- Word clouds — show frequency badly; obscure ranking.
- Spider/radar charts — useful for personality tests, almost never for business data.
Marketing dashboard core patterns
Five patterns that should be baked-in templates for the builder:
Pattern 1: Executive summary (the "hero dashboard")
- Top row: 4 hero KPI cards (revenue, conversion rate, list growth, key engagement)
- Each card: large number + delta arrow + comparison period + sparkline
- Middle: 1 big trend chart (typically revenue over time, with annotated events)
- Bottom: 3-column breakdown (top performers / underperformers / segments)
Pattern 2: Channel performance
- Top row: KPI per channel (email, SMS, push, paid social, organic)
- Middle: stacked bar chart of revenue by channel over time
- Right: channel attribution funnel (first-touch vs last-touch toggle)
- Bottom: cost per acquisition vs ROAS table
Pattern 3: Cohort retention
- Hero: cohort heatmap (the chart IS the dashboard for retention work)
- Sidebar: filter by acquisition source / first-product / segment
- Below heatmap: retention curve overlay (D0, D7, D30, D90)
- Annotation layer: campaign events overlaid on dates
Pattern 4: Campaign / flow performance (Klaviyo-style)
- Top row: KPI per campaign type (campaigns vs flows split)
- Middle: scatter (open rate vs CTR, sized by revenue per recipient)
- Right: ranking table of campaigns/flows by RPR
- Bottom: A/B test results panel (winners, lift %, statistical significance)
Pattern 5: Send-time / engagement heatmap
- Hero: 7×24 grid heatmap (day-of-week × hour-of-day, cell intensity = engagement)
- Sidebar: filter by segment, campaign type, year/month
- Below: best-time recommendation callout
- Right: comparison overlay (this month vs last month)
KPI card anatomy
The most important component in any dashboard. Six elements:
- Label — what the metric is (small caps, light weight)
- Big number — the current value (large weight, ~48–72px)
- Delta — change vs comparison period (colored, arrow icon, % or absolute)
- Comparison reference — what the delta compares to ("vs last week" / "vs target")
- Sparkline — micro-trend over recent period (subtle, behind or below number)
- Threshold indicator — color-coded background or border when above/below target
┌─────────────────────────────────┐
│ REVENUE │ ← label
│ │
│ $42,318 │ ← big number
│ ↑ 12.4% vs last week │ ← delta + reference
│ │
│ ╱╲╱╲___╱╲___╱╲ │ ← sparkline
└─────────────────────────────────┘
Optional: a "click to drill down" affordance (subtle arrow icon, hover state).
Color systems for data visualization
Three palette types are required for any dashboard system:
Semantic palette — fixed meanings, never repurposed
- Success / positive: green (typically
#10B981or similar, accessible) - Warning: amber (typically
#F59E0B) - Danger / negative: red (typically
#EF4444) - Info / neutral: blue (typically
#3B82F6) - Muted / inactive: gray scale
Sequential palette — single-hue progression (light → dark) for ordered data
- Use for: heatmaps showing intensity, time-decayed retention, ranked lists
- Avoid: rainbow scales (perceptually misleading), red→green only (color blindness)
- Modern default: Viridis (
#440154→#21908C→#FDE725) or Cubehelix
Categorical palette — 5–8 distinct colors with no ordering implied
- Use for: stacked bars, multi-series line charts, category breakdowns
- Modern defaults: ColorBrewer Set2/Set3, Tableau 10, IBM Carbon categorical
- Critical rule: must be accessible (test with Colorblindly or Sim Daltonism)
Color rules that always apply:
- Never encode meaning in red/green alone (8% of men, 0.5% of women have red/green color vision deficiency)
- Always pair color with shape, position, or pattern as a backup encoding
- Avoid more than 7 colors in any single chart — humans can't track more
- Background: white (light dashboards) or near-black
#0A0A0A(dark dashboards), never gray-in-between
Dashboard motion & effects
Motion in dashboards must serve comprehension, never decoration. Eight effect patterns that pass the test:
| Effect | When to use | Implementation note |
|---|---|---|
| Number counter animation on load | KPI cards on first paint | 600–800ms ease-out, snap to value, never loop |
| Sparkline draw-in | Sparklines accompanying KPI cards | stroke-dasharray animation, 400–600ms |
| Skeleton loading | All async-loading components | Subtle shimmer gradient, never spinner |
| Smooth transitions on filter change | Bar reorder, chart updates | 300–400ms ease-out, use FLIP technique |
| Hover tooltips | Charts where exact values matter | Anchor to data point, follow cursor on dense data |
| Period overlay | Comparison charts | Ghost/dotted line for previous period at 40% opacity |
| Anomaly highlight | Outlier values on charts | Subtle pulse (1.5s loop, very low intensity) or color shift |
| Drill-down breadcrumb | After clicking into detail | Animated breadcrumb appears, smooth transition between views |
Effects to avoid:
- Bouncy/spring animations (read as playful — wrong for analytics)
- Long durations (>500ms feels sluggish for analytics)
- Continuous loops on non-anomaly elements (distracts the eye)
- Page-load splash screens (gets in the way)
- Confetti / celebration animations (inappropriate for most data contexts)
Loading, empty, and error states
These are the three states dashboards always botch. Spec each:
Loading state
- Skeleton screens matching the final layout (gray blocks shaped like KPI cards, charts, tables)
- Shimmer gradient animation: linear gradient
-100% → 100%background-position, 1.5–2s linear loop - Never use a centered spinner for full-dashboard load — feels broken
Empty state
- Friendly explanation of why there's no data
- Action prompt (e.g., "Connect your Klaviyo account to see campaigns")
- Small illustration acceptable; large illustration looks unprofessional
- Never just show "No data" with no context
Error state
- Clear what went wrong ("Couldn't load campaigns. Retry?")
- Show retry button
- Show data freshness timestamp from last successful load if available
- Surface support contact for persistent errors
Mobile responsiveness for dashboards
Most BI tools botch mobile. The rules:
- Don't shrink desktop dashboards — re-layout entirely
- Stack KPI cards vertically at narrow widths, not 2-up squashed
- Hide secondary charts behind a "More" expand
- Always show the hero KPI above the fold on mobile
- Drill-down via tap to a dedicated detail view, not a hover tooltip
- 48px minimum tap targets (matches mobile button standards)
- Sticky filter bar stays visible during scroll
Dark mode for dashboards
Dashboards are the channel where dark mode is most expected (especially for tech audiences). Defaults:
- Background:
#0A0A0Ato#171717(near-black, not pure black — easier on eyes) - Cards/panels:
#1F1F1Fto#262626(one shade lighter than background) - Text primary:
#FAFAFA(not pure white — softer) - Text secondary:
#A3A3A3 - Accent line:
#3B3B3B(subtle borders, dividers) - Chart colors: shift toward higher chroma to compensate for darker background (Viridis works, ColorBrewer needs tweaks)
Light mode equivalents:
- Background:
#FFFFFFor#FAFAFA - Cards:
#FFFFFFwith subtle border or#F5F5F5if borderless - Text primary:
#0A0A0A(not pure black — easier on eyes) - Text secondary:
#525252
Trending in BI 2026
What's actually getting deployed in 2026 (verified across Gartner, EPC Group, Power BI roadmaps, B EYE):
AI-generated insights inline — Power BI Copilot, Tableau Pulse, Looker Studio Gemini integration. Natural language summaries of what changed and why, surfaced next to the chart.
Natural language query interfaces — "show me revenue trends by region for Q3" generates the chart. Power BI Copilot replaces the older Q&A feature in December 2026.
Dashboard-optional analytics — analytics shows up in Slack/Teams alerts, embedded in product UI, in spreadsheets, in chat interfaces. Dashboards become one delivery format among many, not the default.
Embedded analytics — white-label dashboards inside SaaS products. Klaviyo, HubSpot, Iterable all moved toward this in 2025–2026.
Real-time vs near-real-time honesty — explicit "last updated 2 min ago" timestamps; many "real-time" dashboards were actually 5–15 min lag, which becomes a trust issue when decisions get made.
Annotation/storytelling layers — Tableau Story, Hex notebooks, Mode reports — dashboards that walk the reader through a narrative rather than presenting a wall of charts.
Cohort retention as standard — every product/marketing dashboard now expects a cohort view. Used to be optional.
Mobile-first — Linear and Vercel dashboards set the bar for mobile-first analytics UX in 2025.
Less chart junk, more whitespace — Tufte-influenced minimalism returning. Removing gridlines, axis ticks, and chart borders is now common in modern dashboards.
ESP-specific notes (the platforms you actually ship from)
Klaviyo
- Native dashboard strengths: campaign reporting, flow analytics, conversion attribution, predictive analytics (CLV, churn risk), benchmark comparison
- Gaps: cross-campaign cohort analysis, multi-touch attribution beyond first/last, custom dimension reporting, send-time heatmap detail
- Builder opportunity: pull from Klaviyo's Reporting API → render hero dashboard + cohort heatmap + custom segment performance
- Data freshness: Klaviyo data updates near-real-time for engagement, 1-hour delay for attribution. Show explicit timestamps.
- Key metrics to surface: flow revenue per recipient (RPR), campaign revenue, predictive CLV by segment, list growth rate, deliverability rate, click rate vs benchmark
HubSpot
- Native dashboard strengths: custom report builder, contact lifecycle stage tracking, deal pipeline, marketing-to-sales attribution
- Gaps: deep email performance (limited to basic metrics), cohort retention, custom KPI thresholds in the report UI
- Builder opportunity: pull from HubSpot CRM API → render lifecycle funnel + attribution waterfall + email performance dashboard
- Data freshness: marketing analytics updates daily, CRM near-real-time
- Key metrics to surface: MQL-to-SQL conversion rate, deal velocity, source-to-revenue attribution, email click rate by lifecycle stage
Braze
- Native dashboard strengths: Currents (full event stream export), canvas (journey) analytics, segment insights, push/email/in-app/SMS unified
- Gaps: cross-canvas attribution can be opaque, UI is dense and analyst-oriented, less self-serve for non-technical users
- Builder opportunity: consume Currents export → render simplified executive dashboard hiding Braze's complexity; build journey performance comparison
- Data freshness: Currents events flow in real-time; dashboard aggregates near-real-time
- Key metrics to surface: cross-channel engagement by canvas, conversion rate by canvas step, channel mix per user, journey completion rate
Emarsys
- Native dashboard strengths: revenue attribution, AI-powered content insights, retention/lifecycle analytics, SAP CX integration
- Gaps: dashboard customization is template-driven (not flexible), reporting export workflows can be clunky, multi-brand reporting requires workarounds
- Builder opportunity: pull via API → render simplified branded performance dashboard with cleaner exports for monthly reports
- Data freshness: most metrics near-real-time, revenue attribution has ~24h delay
- Key metrics to surface: revenue attributed to email, smart insight recommendations, lifecycle stage breakdown, AI segment performance
Iterable
- Native dashboard strengths: experiments (A/B/n testing with revenue impact), journey analytics, comparative analysis across channels
- Gaps: standard dashboard is less polished than competitors, deep cohort analysis requires data warehouse pull
- Builder opportunity: render polished executive dashboard on top of Iterable's experiment data; better journey performance visualization
- Data freshness: campaign data near-real-time, journey analytics 1–4 hour lag
- Key metrics to surface: experiment results with confidence intervals, journey conversion rates, channel revenue mix, top-performing campaigns
GoHighLevel
- Native dashboard strengths: pipeline tracking, conversion funnels, lead source attribution, agency-multi-account view
- Gaps: limited custom reporting, email/SMS performance reporting is thin compared to dedicated ESPs, exports are basic
- Builder opportunity: layer a unified marketing performance dashboard on top of GHL's data, especially for agencies running multiple sub-accounts
- Data freshness: most metrics near-real-time
- Key metrics to surface: lead source ROI, pipeline conversion by stage, campaign cost vs revenue, agency-wide performance roll-up
Builder presets to ship for Bi channel
Dashboard templates (10)
- Executive summary (4-KPI hero + trend + breakdown)
- Channel performance (multi-channel attribution)
- Cohort retention (heatmap + curve overlay)
- Campaign/flow performance (Klaviyo-style)
- Send-time / engagement heatmap
- Funnel analysis (conversion stages with drop-off rates)
- A/B test results (variants, lift, significance, revenue impact)
- Pipeline / lifecycle (HubSpot-style stage progression)
- Revenue waterfall (attribution by source over period)
- Real-time monitor (live metrics, refresh every N seconds)
Component presets (12)
- KPI card (number + delta + sparkline + threshold color)
- Trend line chart (with comparison overlay)
- Stacked bar (time-series composition)
- Horizontal bar (ranking)
- Cohort heatmap
- Sankey diagram (flow visualization)
- Funnel chart
- Scatter plot (correlation with bubble sizing)
- Bullet chart (actual vs target)
- Sparkline (inline micro-trend)
- Geographic choropleth (when geo matters)
- Data table with conditional formatting, sortable columns, frozen header
State presets (3)
- Skeleton loading (matches final layout)
- Empty state (with action prompt)
- Error state (with retry + freshness fallback)
Part 2 — Decks / Presentations
Why decks are different
Presentations are simultaneously the most-built and most-poorly-built design output. The trap: every PowerPoint, Keynote, and Google Slides ships with templates that encourage 6 bullet points per slide and 12-point font. Most decks die at the template level.
The job of a good deck: deliver one idea per slide, with the slide title carrying the takeaway, supported by visual evidence. Everything else is decoration.
Two layers of rules:
- Narrative design rules — what slides, in what order, with what arc
- Visual design rules — typography, color, charts, motion that support the narrative
The narrative test
Show the deck with the body content hidden but the titles visible. If the titles alone tell the story, the deck is well-structured. If they read as a list of topics ("Q3 Results," "Next Steps," "Challenges"), the deck is broken at the structural level.
The fix: title-as-message. Each slide title is a sentence that delivers the takeaway:
❌ "Q3 Results"
✅ "Q3 revenue grew 18%, driven by new flows"
❌ "Next Steps"
✅ "We're shifting 30% of budget from acquisition to retention in Q4"
❌ "Challenges"
✅ "Apple MPP has made our open-rate signal unreliable since June"
The "show, don't tell" rule for data slides
For data-driven presentations (Marita's monthly performance decks):
- Title carries the takeaway
- Chart shows the evidence
- Body copy (if any) provides the one contextual detail the chart can't show
Most data decks fail by reversing this — body text restates what the chart shows.
Deck taxonomy
Twelve deck types worth recognizing as builder templates:
| Deck type | Length | Tone | Primary goal |
|---|---|---|---|
| Investor pitch | 10–15 slides | Confident, data-led | Funding decision |
| Sales deck | 8–12 slides | Persuasive, customer-centered | Demo-to-close |
| Monthly performance report (Marita's main) | 15–25 slides | Evidence-led, candid | Client retention via demonstrated value |
| Internal proposal | 5–10 slides | Recommend-led | Decision authorization |
| Webinar deck | 30–60 slides | Educational, paced | Audience engagement + conversion |
| Conference talk | 20–40 slides | Story-led | Audience impact + brand |
| All-hands / team update | 8–15 slides | Direct, informational | Team alignment |
| Onboarding deck | 20–40 slides | Friendly, structured | New-hire enablement |
| Training deck | 30–60 slides | Methodical, step-based | Skill transfer |
| Case study deck | 8–15 slides | Narrative, evidence-led | Marketing/sales asset |
| Product demo | 10–20 slides | Show-and-tell | Product clarity |
| Strategic review | 25–40 slides | Analytical | Plan approval |
Slide type taxonomy (15 patterns the builder needs)
1. Title slide
Cover. Client/deck name + period + presenter. One visual anchor (logo, hero image, gradient).
2. Section divider
Visual pause. Single phrase or section number. Use these — they create rhythm. Marita's monthly decks need at least 3.
3. Single-stat hero
One enormous number + one-line context. Use for the headline KPI ("$1.2M revenue this month, +18% MoM").
4. Two-column compare
Before/after, this/that, problem/solution. 60/40 or 50/50 split.
5. Three-column feature
Three benefits, three features, three findings. Equal-weight grid.
6. Bento grid summary
Asymmetric grid showing multiple data points or features at once. Replaces the dreaded "executive summary slide with 8 bullets."
7. Quote / testimonial
Single big quote, attribution below. Soft shadow card on subtle background.
8. Process / timeline
Horizontal flow of stages. Linear arrow connection between steps.
9. Org chart / team
Photo grid with names and roles. Avoid hierarchical org charts in client-facing decks (reads as bureaucratic).
10. Pricing / plans table
3-column comparison with recommended plan highlighted.
11. Roadmap
Quarterly or timeline-based future view. Avoid specific dates unless you can commit; use Q1/Q2/Q3/Q4 framing.
12. Chart-led slide
Title carries takeaway, chart fills the canvas. The most important pattern for monthly performance reports.
13. Quote + chart
Customer quote on one side, supporting data on the other. Bridges narrative and evidence.
14. Q&A / discussion prompt
Used at section breaks in long decks or as the close. "What questions do you have about this?" or "Three things to discuss next."
15. Closing / contact
Final slide. Contact info, next steps, calendar booking link.
Typography for decks
The single most-controlled variable in presentation design. Rules:
- One display font + one body font, max two total
- Display font: high-contrast, bold weight available, distinctive enough to anchor the design but readable at 40–72pt
- Body font: high readability at 18–24pt, system or web-safe to avoid font-loading issues on export
- Font scale:
- Slide title: 36–48pt
- Section title: 28–36pt
- Body: 18–24pt
- Caption / footnote: 12–14pt
- Line length: never more than 60 characters per line on a slide
- Line height: 1.3–1.5 for body, 1.1–1.2 for display
Suggested pairings for 2026:
- Corporate / financial: Inter or Söhne (display) + Inter (body)
- Editorial / thought leadership: GT Sectra or Tiempos (display) + Inter (body)
- Tech / SaaS: JetBrains Mono or Söhne Mono (display accent) + Inter (body)
- Creative / agency: Klim Tiempos or NaN Holo (display) + system body
- Friendly / consumer: Inter Tight or General Sans (display) + Inter (body)
Color systems for decks
Apply the same rigor as data viz:
- 3 brand colors + neutrals — no more
- One accent color used sparingly for highlights and CTAs
- Two-tone or three-tone backgrounds — alternate slide bg colors as section markers (light → dark → light pattern)
- Always test contrast at projection / dark room conditions (low-contrast palettes that look great on laptop screens vanish on projectors)
- Dark mode decks are trending for tech audiences — Linear, Vercel, Anthropic ship decks in dark mode
Deck design trends 2026
Verified across Slidesgo, SlideBazaar, SlideSalad, Gamma trend reports:
- Editorial-magazine layouts — heavy serif headlines, asymmetric grids, big imagery
- Big bold typography as the design — type doing the heavy lifting instead of illustration
- Soft layered shadows on cards — Linear-style depth
- Subtle mesh gradients as section backgrounds
- Real product screenshots > stock illustrations
- Bento grids on summary slides
- Number counter animations (Tome / Gamma-style on slide reveal)
- Dark mode for tech decks — Anthropic, Linear, Vercel set the pattern
- Charts with annotation layers — callouts, arrows, highlighted regions on data
- Retro-futurism — chrome type, sci-fi gradients (specific to tech / launch decks)
- Tech monochrome — single-hue palettes with one accent, very disciplined
- Organic flowing shapes — soft blob shapes as background accents (Slidesgo's "Analog Dreams" trend)
- Luminous Fade — soft gradient backgrounds with high-contrast type (Slidesgo's 2026 named trend)
- AI-generated illustrations — used carefully; stylized, not generic
Trends to skip in decks
- Stock photos of people with headsets pointing at screens
- Hand shaking over a globe / city skyline
- 3D bevel chart effects
- Word art / extreme drop shadows on text
- Animated GIF mascots
- Generic AI-generated office-people illustrations
- More than one transition style per deck
- Builds that animate every bullet point separately
Motion in decks
Restrained motion patterns that pass the "doesn't distract" test:
| Pattern | When to use | Avoid |
|---|---|---|
| Cross-fade between slides | Default transition for cohesive decks | Push, cube, reveal — all read as 2010 |
| Mask wipe | Section divider transitions | Use sparingly, max 2x per deck |
| Sequential build (stagger reveal) | Reveal complex chart in steps | Don't animate every bullet — kills pacing |
| Number counter on reveal | Single-stat hero slides | Snap to value, never loop |
| Highlight pulse on annotation | Drawing attention to chart callout | Single pulse, low intensity, on slide reveal only |
| Background gradient shift | Mesh gradient slides | Very slow (10–15s loop), subtle |
| Pre-recorded animations (Lottie/Rive) | Product demos, process explanations | Heavy; only when illustration value is clear |
| Scroll-style transitions (Tome/Gamma) | Web-native decks | Don't try in PowerPoint exports — breaks |
The monthly performance report template (Marita's bread-and-butter)
A specific, opinionated 20-slide template optimized for monthly email performance reports across Klaviyo, HubSpot, Braze, Emarsys, Iterable, GHL clients.
Slide-by-slide structure
Title
- Client name + period (e.g., "Hansø Home · October 2025 Performance Review")
- Date, presenter, deliverable status
Executive summary (the most-read slide)
- 4-up bento grid of hero KPIs: Revenue, Click rate, List growth, Conversion rate
- Each with delta vs previous month + delta vs YoY same month
- One-line takeaway in title
Section divider: "What worked"
Top win #1 — biggest revenue driver
- Title = the takeaway
- Chart = the proof
- One-line note = the why
Top win #2 — best-performing flow or campaign
Top win #3 — segment or experiment win
Section divider: "Where we're at risk"
Risk #1 — usually deliverability, list health, or a declining flow
- Title = the takeaway (the specific risk)
- Chart = the trend
- One-line note = the recommendation
Risk #2 — segment or campaign underperformance
Section divider: "Campaign performance"
Campaign overview chart
- Horizontal bar ranking campaigns by revenue per recipient
- Annotation: highlight top performer + outlier underperformer
Campaign deep-dive — winning campaign breakdown
- Subject line, send time, segment, performance vs benchmark
Section divider: "Flow performance"
Flow overview chart
- Stacked bar of flow revenue by flow type (welcome, abandoned cart, browse abandon, etc.)
- Comparison to previous month
Flow deep-dive — most improved or most degraded flow
- Conversion stages, where the drop-off is, recommendation
Section divider: "A/B test learnings"
Test results panel
- Tested element, variants, lift, statistical significance
- One-line takeaway per test (what we learned)
Section divider: "Plan for next month"
Plan slide
- 3 priorities in bullet form (not 8 — three)
- Each with expected impact and owner
Closing / contact
- "Next review: [date]"
- Contact for questions
Builder considerations
- Template should auto-populate from ESP exports: pull JSON/CSV, fill KPIs and charts automatically
- Brand kit application: client logo, colors, fonts applied automatically once configured
- Export formats required: PDF (universal client-share), PPTX (when clients want to re-edit), web link (for live preview)
- Speaker notes auto-generated from the data (with editable override): "Revenue this month was $X, up Y% from last month, driven primarily by..."
- One-click variant: vertical 9:16 export for sending key slides as social proof
Tool landscape for decks (Marita has Gamma already)
| Tool | Sweet spot | Limitation |
|---|---|---|
| Gamma | AI-native, fast generation from outline, web-native sharing | Web-first; PPTX export can drift visually; templates can look samey without input |
| Pitch | Team collaboration, professional templates, sales tracking | More manual; AI generation feature is secondary |
| Tome | AI narrative generation, modern aesthetic | Limited editing precision once generated |
| Beautiful.ai | Structured templates that prevent design mistakes | Manual content; less AI |
| Canva | Asset library, design flexibility | Less data integration |
| PowerPoint | Universal compatibility, enterprise standard | Default templates encourage bad design |
| Keynote | Apple ecosystem, smooth animations | Mac-only, weaker collaboration |
| Google Slides | Browser-native, ubiquitous collaboration | Limited animation, basic visual tools |
| Figma Slides | Designer-team friendly, component-based | Newer, smaller template library |
For Marita's workflow: Gamma for fast generation of outline-stage decks; builder agent could output to Gamma format directly via Gamma's MCP. PowerPoint export for clients who insist on editing in PPT.
Trending styles to watch in 2026 (specific named aesthetics)
From Slidesgo's 2026 trends (verified across multiple sources):
- Analog Dreams — film grain, faded color, hand-drawn accents, retro-photo treatment
- Luminous Fade — soft gradient backgrounds, high-contrast type, single accent
- Tech Monochrome — single-hue palette + one accent, restrained, Linear/Vercel-influenced
- Retro-Futurism — chrome type, sci-fi gradients, Y2K influence
- Organic Shapes — soft blob shapes as background accents, friendly tone
- Editorial-Magazine — serif display headlines, asymmetric grids, big imagery
- Bold Type — typography doing the heavy lifting, minimal illustration
- Bento Grid Summary — multi-tile summary slides showing many things at once
- Anthropic / Linear Dark — dark mode default, restrained palette, terminal-influenced (specific to tech decks)
Builder presets to ship for Dk channel
Deck templates (12)
- Monthly performance report (the Marita template above)
- Quarterly business review (longer, strategic)
- Investor pitch deck (10-slide standard)
- Sales deck (8-12 slide problem/solution/proof/close)
- Client onboarding deck
- Case study deck (problem/approach/results/quote)
- Webinar deck (30+ slides, paced)
- Conference talk template
- All-hands update
- Product demo
- Strategic proposal
- Email program audit report (specific to her email work)
Slide type presets (15)
- Title slide (cover)
- Section divider
- Single-stat hero
- Two-column compare
- Three-column feature
- Bento grid summary
- Quote / testimonial
- Process / timeline
- Org chart / team
- Pricing table
- Roadmap
- Chart-led slide (title + full-canvas chart)
- Quote + chart hybrid
- Q&A / discussion prompt
- Closing / contact
Style presets (8)
- Editorial-Magazine
- Tech Monochrome (dark)
- Tech Monochrome (light)
- Luminous Fade
- Bento Bold
- Analog Dreams
- Corporate Considered (for Co channel)
- Service-Trust (for Sv channel)
Output formats
- PDF (universal sharing)
- PPTX (client editing)
- Web link / embed (live presentation)
- PNG sequence (for image-based email integration)
- MP4 (for social repurposing)
- 9:16 vertical slices (for social repurposing)
Part 3 — Cross-cutting principles
When dashboard meets deck
Marita's monthly performance reports are dashboards delivered as decks. The hybrid pattern is its own thing:
- Dashboards optimize for self-serve exploration
- Decks optimize for guided narrative
- A performance review deck is a narrative built from dashboard data
Build the dashboard first. Then extract the story from the dashboard into the deck. The deck doesn't reproduce the dashboard — it tells the dashboard's story.
For the builder: the same data pipeline should be able to render both. A dashboard view (live, exploratory) AND a deck view (narrative, exportable) from the same underlying data.
Data-to-narrative pipeline
The agent-buildable workflow:
- Pull data from ESP (Klaviyo, HubSpot, Braze, Emarsys, Iterable, GHL) via API
- Compute KPIs with comparison periods (MoM, YoY) and benchmark deltas
- Identify the story — biggest movers (positive and negative), surprising findings, anomalies vs threshold
- Render dashboard for live exploration
- Generate deck draft with auto-populated slides (executive summary, top wins, risks, plans)
- Human-in-the-loop edit — Marita reviews titles, adjusts takeaways, adds context the data can't tell
- Export to the appropriate format(s) for the audience
This is the most valuable thing the builder agent can do for her business specifically.
Accessibility for both formats
Apply across both dashboards and decks:
- Color blindness safe — never red/green only encoding
- High contrast text — WCAG AA minimum (4.5:1 body, 3:1 large text)
- Text alternatives for charts — alt text on dashboards, presenter notes on decks
- Keyboard navigation for interactive dashboards
- Reduced motion respect —
prefers-reduced-motionhonored on dashboards - Print-friendly modes — light backgrounds, no animations, paginated charts
Internationalization
For dashboards and decks shipped to clients in multiple regions:
- Number formatting by locale (1,234.56 vs 1.234,56)
- Date formatting by locale (MM/DD vs DD/MM)
- Currency with explicit symbol + 3-letter code on first instance
- Time zone disclosure on time-series charts ("Data shown in client timezone, UTC-6")
- Right-to-left support for Arabic, Hebrew, Farsi if client base requires
Quality bar checklist before shipping any dashboard or deck
10-item pre-flight checklist:
- 5-second test passed (dashboard) or title-only narrative test passed (deck)
- Every KPI / slide passes the action test — leads to a decision
- Comparison periods present on all metrics (no naked numbers without context)
- Data freshness timestamp visible (dashboards) or data period clear (decks)
- Color palette accessibility verified (color blindness, contrast)
- Dark mode tested if applicable to audience
- Mobile responsive verified (dashboards) or vertical export available (decks)
- Loading / empty / error states designed (dashboards)
- One typeface family + one accent (decks) or single style system (dashboards)
- Export formats verified — PDF, PPTX, image, embed depending on channel
Part 4 — What this means for the builder agent
The agent building outputs for this channel needs to:
For Bi (dashboards) outputs
- Detect data type — time-series, categorical, geographic, distributional — and select chart type from the taxonomy
- Compute comparison periods automatically — MoM, WoW, YoY, vs target — and show deltas
- Apply semantic colors — green/red/amber/blue with explicit meanings
- Generate KPI cards with all six anatomy elements (label, number, delta, reference, sparkline, threshold color)
- Detect anomalies and apply subtle highlighting
- Render skeleton loading states matching the final layout
- Output in three modes: light dashboard, dark dashboard, print-ready
- Honor data freshness — surface timestamp explicitly, never hide stale data
For Dk (decks) outputs
- Generate title-as-message titles from data — never "Q3 Results," always "Q3 revenue grew 18% driven by new flows"
- Select slide type from data — single-stat slide for hero KPI, chart-led slide for trends, bento grid for multi-point summaries
- Apply one consistent style preset across the entire deck — no mixing
- Auto-generate speaker notes with editable override
- Render section dividers at appropriate narrative breaks (every 4–6 slides)
- Output in all formats: PDF, PPTX, web link, PNG sequence, MP4, 9:16 social slices
- Provide one-click variants: vertical for social, light/dark, with-notes/without-notes
For the data-to-narrative pipeline
- ESP connectors — Klaviyo (REST API), HubSpot (CRM API), Braze (Currents export), Emarsys (REST API), Iterable (REST API), GHL (REST API)
- Data normalization layer — common schema across ESPs so the same template renders regardless of source
- Story detection — identify biggest movers, anomalies, threshold violations automatically; surface to human reviewer
- Human-in-the-loop checkpoint — never auto-publish, always present for review before export
- Versioning — every report version stored; ability to compare period-over-period reports
Closing notes
The Effects Reference Matrix, Email CTA Playbook, and this Dashboards & Presentations Playbook together cover the full output range of a modern marketing-design builder. Reading order for the agent:
- Matrix — what effects are available per channel + reality checks per channel
- Email CTA Playbook — conversion-specific patterns for the three email archetypes
- This doc — dashboards and decks, which have their own design languages and don't fully overlap with anything in the matrix
For the team's internal workflow (vs the builder output side): apply the dashboard rules to your own reporting pipelines first. The 5-second test and the action test will cull more clutter from your existing dashboards than any new tool will add. The monthly performance report template above is opinionated; treat it as a starting point and adjust per client.
Last verified against current trend reporting and platform documentation: May 2026. Companion to: Effects Reference Matrix v2.2 and Email CTA Playbook v1.