Design system  /  Print  /  Decks

Slide deck templates.

Twelve layouts, one HTML file. 16:9 landscape, tokens-driven, every slide is a section.slide you can lift, edit, and re-order. Print to PDF for sharing, export to .pptx later. Same hex motif, same orange-once-per-screen rule, same Figtree.

Aspect16:9 (1280×720) Layouts13 OutputHTML → PDF (now) · .pptx (later)

Thirteen layouts

deck-template.html
Open the deck → Open in new tab
Build dashboards from your own data
Conduction · April 2026
01 · Title

Title slide

Cobalt-900 ground, orange hex, headline + presenter line. Always opens the deck.

02 · Speaker introduction

Speaker introduction

Hex avatar plus name, role, "background / nu / vraag mij over" labels. The consultant is a person, not an avatar.

03 · Agenda

Agenda

Numbered hex bullets, 3 to 6 items. Use to set expectations and to navigate back to mid-deck.

04 · Content

Content

The workhorse. H2 + body copy or bullets. Underused on purpose, reach for two-column or app spotlight first.

05 · Two-column

Two-column

Compare, contrast, before/after. Headers stacked above each column; equal weight.

“Eindelijk één plek…”
— Marleen, gemeente X
06 · Quote

Full-bleed quote

Customer voice. White text on cobalt, attribution muted. Used sparingly, never two in a row.

07 · App spotlight

App spotlight

Hex glyph left, name + tagline + three bullets right. One slide per app. Reuse for partner spotlight.

08 · Comparison

Comparison

Mint vs terracotta panels. "Met Conduction" / "Zonder Conduction" or pros/cons. Honest, not gloating.

09 · Logo wall

Customer / partner logos

Eight to twelve marks, equal size. Greyscale by default, colour only on the hovered/featured one.

39k
Tenders
73
Clusters
6
Apps
10 · Stats strip

Stats strip

Three numbers, three labels. Big cobalt digits, small uppercase labels. Use real numbers, not order-of-magnitude.

02
De aanpak
11 · Section divider

Section divider

Big number, section title. Resets attention between deck chapters. One per chapter, never two in a row.

Honeycomb backdrop
caption goes here
12 · Image / hero

Image / hero

Full-bleed photo or honeycomb backdrop, caption in the corner. The deck's only "loud" layout.

13 · Contact

Contact / closing

Two to four people, hex avatars, name + role + email. Last slide of every deck.