Action Title with Chart — The Headline States It, the Side Column Adds What Follows
Two Column · Slide 16:9 · Medium
The Basic Ten — The Slides Every Deck Needs, Run Through One Briefing03 / 10
Three-Level Bullets — Each Level Gets Its Own Mark and Size
Stack · Slide 16:9 · Medium
The Basic Ten — The Slides Every Deck Needs, Run Through One Briefing02 / 10
Closing with Contacts — Thanks, Then a Way In for Later Questions
Centered · Slide 16:9 · Low
The Basic Ten — The Slides Every Deck Needs, Run Through One Briefing10 / 10
Code Slide — Line Numbers, Highlighted Lines, Notes Tied by Number
Annotated · Slide 16:9 · Medium
The Research Nine — From the Title to the References, One Talk and Its Poster08 / 09
Company in Numbers — Seven Figures, Sized by What Matters Most
Grid · Slide 16:9 · Medium
The Company Seven — From the Mission to the Hiring Steps, One Recruiting Session03 / 07
Concept, Examples, Non-Examples — A Definition Followed by What Fits and What Doesn't
Two Column · Slide 16:9 · Medium
The Workshop Six — From Objectives to the Sticky-Note Review, One 90-Minute Session02 / 06
A Day in the Life — What Happens When, Down a Time Axis
Timeline · Slide 16:9 · Medium
The Company Seven — From the Mission to the Hiring Steps, One Recruiting Session06 / 07
Dividend History — Dividend Bars and Payout Line on Two Axes, Each Tied by Colour
Axis · Slide 16:9 · Medium
The Results Eight — From the Cover to the Topics, One Quarterly Results Briefing05 / 08
Do and Don't — Behaviours in Pairs, Row by Row
Two Column · Slide 16:9 · Medium
The Basic Ten — The Slides Every Deck Needs, Run Through One Briefing07 / 10
Employee Voice — A Portrait Frame and Three Short Q&As
Two Column · Slide 16:9 · Medium
The Company Seven — From the Mission to the Hiring Steps, One Recruiting Session05 / 07
Exercise Brief — Steps on the Left, Time Limit and Deliverable Large on the Right
Two Column · Slide 16:9 · Medium
The Workshop Six — From Objectives to the Sticky-Note Review, One 90-Minute Session04 / 06
FAQ — Six Pairs, Questions Bold and Answers Short
Grid · Slide 16:9 · High
The Basic Ten — The Slides Every Deck Needs, Run Through One Briefing08 / 10
Figure With Caption — One Large Figure, a Numbered Caption Beside It
Annotated · Slide 16:9 · Medium
The Research Nine — From the Title to the References, One Talk and Its Poster05 / 09
Progress to Forecast — Fill This Year Into a 100% Bar, Mark Last Year on Top
Axis · Slide 16:9 · Medium
The Results Eight — From the Cover to the Topics, One Quarterly Results Briefing04 / 08
Funding Ask — The Amount, a Bar of Uses, Then Where It Gets You
Stack · Slide 16:9 · Medium
The Pitch Ten — From the Cover to the Ask, One Series A Pitch10 / 10
Glossary — Term, Reading, Meaning and First Use, One Row Each
Table · Slide 16:9 · High
The Basic Ten — The Slides Every Deck Needs, Run Through One Briefing09 / 10
Half-Bleed Figure — The Left Half Is the Picture, the Right Half the Text
Full Bleed · Slide 16:9 · Low
The Basic Ten — The Slides Every Deck Needs, Run Through One Briefing05 / 10
Hiring Process — Stages as Chevrons, Each With How Long It Takes
Flow · Slide 16:9 · Medium
The Company Seven — From the Mission to the Hiring Steps, One Recruiting Session07 / 07
History — Era Bands, With Two Events Under Each
Timeline · Slide 16:9 · Medium
The Company Seven — From the Mission to the Hiring Steps, One Recruiting Session04 / 07
How-To — Number, Screen Sketch and One Line, Four Across
Timeline · Slide 16:9 · Medium
The Workshop Six — From Objectives to the Sticky-Note Review, One 90-Minute Session05 / 06
Key Message with Three Supports — The Claim on Top, Three Reasons Holding It Up
Three Column · Slide 16:9 · Medium
The Basic Ten — The Slides Every Deck Needs, Run Through One Briefing04 / 10
KPI Scorecard — Target, Actual, Gap, Eight-Quarter Trend and Verdict on One Row
Table · Slide 16:9 · High
The Results Eight — From the Cover to the Topics, One Quarterly Results Briefing07 / 08
Learning Objectives — Four Things You Will Be Able to Do, Verb First
Two Column · Slide 16:9 · Medium
The Workshop Six — From Objectives to the Sticky-Note Review, One 90-Minute Session01 / 06
Limitations and Next Steps — What We Don't Know, and How to Find Out
Two Column · Slide 16:9 · Medium
The Research Nine — From the Title to the References, One Talk and Its Poster06 / 09
Market Size — Three Nested Circles Compared by Area, With Where Each Number Comes From
Nested · Slide 16:9 · Medium
The Pitch Ten — From the Cover to the Ask, One Series A Pitch04 / 10
Mid-Term Plan — The Goal as a Beam, Three Pillars, and a Foundation
Three Column · Slide 16:9 · Medium
The Results Eight — From the Cover to the Topics, One Quarterly Results Briefing06 / 08
Mission — One Sentence, Set Vertically in Serif
Centered · Slide 16:9 · Low
The Company Seven — From the Mission to the Hiring Steps, One Recruiting Session01 / 07
Participant Flow — Numbers at Every Stage, and Why People Were Dropped
Flow · Slide 16:9 · Medium
The Research Nine — From the Title to the References, One Talk and Its Poster03 / 09
Pitch Cover — The One-Line Value Proposition, Not the Company Name, Leads
Centered · Slide 16:9 · Low
The Pitch Ten — From the Cover to the Ask, One Series A Pitch01 / 10
P&L Summary — Shade Only the Current Column, Align the Digits and Units
Table · Slide 16:9 · High
The Results Eight — From the Cover to the Topics, One Quarterly Results Briefing02 / 08
Conference Poster (A0 Portrait) — Title, One-Line Finding, Three Columns
Three Column · A4 portrait · High
The Research Nine — From the Title to the References, One Talk and Its Poster09 / 09
Problem — One Big Figure and One Voice From Someone Who Lives It
Two Column · Slide 16:9 · Low
The Pitch Ten — From the Cover to the Ask, One Series A Pitch02 / 10
Product — Screens in Laptop and Phone Frames, With Only Three Spots Called Out
Annotated · Slide 16:9 · Medium
The Pitch Ten — From the Cover to the Ask, One Series A Pitch05 / 10
Question, Hypothesis, Method — The Study's Frame in Three Bands
Stack · Slide 16:9 · Medium
The Research Nine — From the Title to the References, One Talk and Its Poster02 / 09
Four-Choice Quiz — One Question and Four Equal Choices
Grid · Slide 16:9 · Low
The Workshop Six — From Objectives to the Sticky-Note Review, One 90-Minute Session03 / 06
Chapter Recap — Three Takeaways and a Bridge to What Comes Next
Stack · Slide 16:9 · Low
The Basic Ten — The Slides Every Deck Needs, Run Through One Briefing06 / 10
References — Numbered in Order of Citation, With Author, Year, Title and Venue
Stack · Slide 16:9 · High
The Research Nine — From the Title to the References, One Talk and Its Poster07 / 09
Research Title — Title, Authors and Affiliations Tied by Superscript Numbers
Centered · Slide 16:9 · Low
The Research Nine — From the Title to the References, One Talk and Its Poster01 / 09
Results Cover — The Period and Disclosure Date Lead, Not the Company
Stack · Slide 16:9 · Low
The Results Eight — From the Cover to the Topics, One Quarterly Results Briefing01 / 08
Results Table — Mean ± SD and p, Significant Rows in Bold
Table · Slide 16:9 · High
The Research Nine — From the Title to the References, One Talk and Its Poster04 / 09
Revenue Flow — Who Pays Whom, Money and Value in Two Kinds of Line
Network · Slide 16:9 · Medium
The Pitch Ten — From the Cover to the Ask, One Series A Pitch06 / 10
Segments — Revenue to the Left, Profit to the Right, Names in the Middle
Axis · Slide 16:9 · Medium
The Results Eight — From the Cover to the Topics, One Quarterly Results Briefing03 / 08
Speaker Profile — A Portrait Frame and Only the Career That Earns the Talk
Two Column · Slide 16:9 · Medium
The Basic Ten — The Slides Every Deck Needs, Run Through One Briefing01 / 10
Sticky Wall — Notes Grouped by Colour, Each Group Named
Grid · Slide 16:9 · Medium
The Workshop Six — From Objectives to the Sticky-Note Review, One 90-Minute Session06 / 06
Team — Four Equal Portrait Frames, Each With One Line on Why They Can Do This
Grid · Slide 16:9 · Medium
The Pitch Ten — From the Cover to the Ask, One Series A Pitch09 / 10
Topics — Three Cards Lined Up by Date, Category and Headline
Three Column · Slide 16:9 · Medium
The Results Eight — From the Cover to the Topics, One Quarterly Results Briefing08 / 08
Traction — A Revenue Curve With Only Three Milestones Written On It
Axis · Slide 16:9 · Medium
The Pitch Ten — From the Cover to the Ask, One Series A Pitch07 / 10
Unit Economics — LTV, CAC and Payback Side by Side, Each With Its Formula
Three Column · Slide 16:9 · Medium
The Pitch Ten — From the Cover to the Ask, One Series A Pitch08 / 10
Mission, Vision, Values — Three Tiers, Larger and Shorter Toward the Top
Stack · Slide 16:9 · Medium
The Company Seven — From the Mission to the Hiring Steps, One Recruiting Session02 / 07
Why Now — Three Shifts on a Line of Years, Converging on Today
Timeline · Slide 16:9 · Medium
The Pitch Ten — From the Cover to the Ask, One Series A Pitch03 / 10
First Response Times — Email Has More Samples over 60 Minutes
Axis · Slide 16:9 · Medium
Measurement Agreement — Mean Difference 0.0 mm, 95% Limits ±3.6 mm
Axis · Slide 16:9 · Medium
Cold-Store Temperature Excursion — Three Preventive and Three Mitigating Barriers
Network · Slide 16:9 · Medium
In-House and Outsourced Costs Cross at 600 Orders per Month
Axis · Slide 16:9 · Medium
Feature Request Rankings — Data Export Returns to the Top
Axis · Slide 16:9 · Medium
Daily Trial Signups — Q2 2026
Grid · Slide 16:9 · Medium
Ten-Day Stock Price — Closing Price Rises 8.5%
Axis · Slide 16:9 · Medium
Overtime Does Not Clear the Backlog; It Increases Rework
Network · Slide 16:9 · Medium
Cross-team Collaboration — Engineering, Data, and Operations Connections
Network · Slide 16:9 · Medium
Coastal Well Siting — A Section Through the Saltwater Wedge
Annotated · Slide 16:9 · Medium
Two-Metric Improvement Path — A Temporary Reversal Before Progress
Axis · Slide 16:9 · Medium
Concurrency and Cache Hit Rate — Latency Contours
Axis · Slide 16:9 · Medium
Response Time and Repeat Visits Show the Strongest Relationship
Matrix · Slide 16:9 · Medium
Order Data Relationships — Order Lines Connect Products and Orders
Network · Slide 16:9 · Medium
One Step Finer — Pull 36g in 28 Seconds
Two Column · Slide 16:9 · Medium
Pilot Store Lift — The Gap from Matched Stores Widens After Launch
Axis · Slide 16:9 · Medium
Delivery Delay Density — Counts Concentrate at 30–50 km and 2–3 Days
Axis · Slide 16:9 · Medium
Weekly Volume Deviations — Payment API Falls 11 Below Baseline
Timeline · Slide 16:9 · Medium
Compare Subject Lines Fairly — Balance Audience Groups and Send Times
Matrix · Slide 16:9 · Medium
Household Income Distribution — The Top 20% Receives Half
Axis · Slide 16:9 · Medium
Airport to Central — The Blue Line Is Most Reliable
Map · Slide 16:9 · Medium
Support Ticket Mix — Response Delay Leads with 64 Cases
Radial · Slide 16:9 · Medium
Population Structure — Working-Age Adults Make Up a Majority
Axis · Slide 16:9 · Medium
Response-Time Distribution Shift — Longer Tail Above the 90th Percentile
Axis · Slide 16:9 · Medium
Redundant Gateways and Workers — One Queue Stops Every Path
Flow · Slide 16:9 · Medium
Support Wait Distributions by Weekday — Spread and Long Tails
Area · Slide 16:9 · Medium
Monthly Energy Demand — January Averages 285 kWh, June 145
Axis · Slide 16:9 · Medium
Prevent Duplicate Authorizations — Reuse the Stored Result for an Idempotency Key
Flow · Slide 16:9 · Medium
Retention Rank Reversal — Support Rises from Last to Second
Axis · Slide 16:9 · Medium
Inventory Step Chart — Stock Falls to 37 Units on June 21
Axis · Slide 16:9 · Medium
Annual IT Budget Allocation — Platform Operations Account for 48%
Radial · Slide 16:9 · Medium
More Cold Storage Expands Supply — Wholesale Price Falls as Volume Rises
Axis · Slide 16:9 · Medium
Product Capability Mix — Three Options Allocate at Least 40% to Analytics
Axis · Slide 16:9 · Medium
Support Wait Times — Email Is Slower and More Variable
Axis · Slide 16:9 · Medium
Differential Expression — Four Up and Three Down Pass the Thresholds
Axis · Slide 16:9 · Medium
Four Marks on One Screen — What to Fix Before the Rework Piles Up
Annotated · Slide 16:9 · Medium
This Round's Scope — Three Rings Wide to Narrow, Only the Centre Starts
Nested · Slide 16:9 · Low
One Turn of the Loop — Four Stages Where the End Becomes the Start
Radial · Slide 16:9 · Low
Support Mix — Nearly Half Is “I Can't Find How”
Radial · Slide 16:9 · Medium
Revenue, Decomposed — Only One Factor Is Reachable This Half
Centered · Slide 16:9 · Medium
Why the Date Slips — Four Categories, Then Pick What You Can Reach
Tree · Slide 16:9 · High
The Event and the Three Layers Beneath It — Only the Lower Two Can Be Changed
Nested · Slide 16:9 · Medium
Operational Maturity — Level Two Today, Level Four in a Year
Axis · Slide 16:9 · Medium
Team Capability — The Widest Gap Is Test Automation
Radial · Slide 16:9 · Medium
Between Build and Buy — Seventy Percent Is Outside Today
Axis · Slide 16:9 · Low
Mix Over Time — The Mainstay Changed Hands in Two Years
Timeline · Slide 16:9 · Medium
Adoption by Region — Higher in the West, Lowest in Kanto
Map · Slide 16:9 · Medium
This Year's Development Budget — 45% of ¥800M Goes to Keeping the Lights On
Area · Slide 16:9 · Medium
Two Conditions — Only What Satisfies Both Gets People
Overlap · Slide 16:9 · Low
Recurrence Rate — Seven in a Hundred
Area · Slide 16:9 · Low
The Whole and the One Part — Two Scales Joined by Two Lines
Annotated · Slide 16:9 · Medium
Agenda — Each Section Carries What It Asks For
Two Column · Slide 16:9 · Medium
System Project Deck — From RFP to Cutover02 / 16
Agenda — Numbered, Folded Into Two Columns
Two Column · Slide 16:9 · Medium
Appendix Door — What Is Inside, as a Numbered Grid
Grid · Slide 16:9 · Medium
System Project Deck — From RFP to Cutover16 / 16
System Architecture — Three Tiers, One of Them New
Stack · Slide 16:9 · High
System Project Deck — From RFP to Cutover05 / 16
Change Control — Business Days on Every Step, and Where a Refusal Goes
Flow · Slide 16:9 · Medium
System Project Deck — From RFP to Cutover11 / 16
Closing Slide — Three Decisions, Each With a Date
Centered · Slide 16:9 · Low
System Project Deck — From RFP to Cutover15 / 16
Before / After — Paired on the Same Row
Two Column · Slide 16:9 · Medium
Cutover Runbook — The Rollback Call Has a Clock Time
Timeline · Slide 16:9 · High
System Project Deck — From RFP to Cutover14 / 16
Project Deck Cover — Subject Above the Issue Record
Stack · Slide 16:9 · Low
System Project Deck — From RFP to Cutover01 / 16
Defect Status — Read the Blocking Cell, Not the Total
Matrix · Slide 16:9 · High
System Project Deck — From RFP to Cutover13 / 16
Estimate Breakdown — Share of Cost Before the Total
Waterfall · Slide 16:9 · High
System Project Deck — From RFP to Cutover09 / 16
Estimate Breakdown — Only the Total Stands Up
Table · Slide 16:9 · High
Four-Stage Funnel — One Place Where It Leaks
Funnel · Slide 16:9 · Medium
Gantt — Length Is Duration, Offset Is Dependency
Gantt · Slide 16:9 · High
Four Metrics — Change Read From Sign and Trend, Not Colour
Grid · Slide 16:9 · High
Single Figure — One Metric Carries the Page
Centered · Slide 16:9 · Low
Two-by-Two — Position Itself Is the Message
Matrix · Slide 16:9 · Medium
Next Action — Who, By When, What
Three Column · Slide 16:9 · Medium
Offering Grid — Coverage Without Ranking
Grid · Slide 16:9 · Medium
Org Tree — Only the Decision Path Is Drawn
Tree · Slide 16:9 · Medium
Phase Divider — The Whole Process, With a Mark on Now
Timeline · Slide 16:9 · Low
System Project Deck — From RFP to Cutover04 / 16
Five-Step Flow — Waiting Drawn as Wide as Working
Flow · Slide 16:9 · Medium
Testimonial — Mincho for the Words, Gothic for the Source
Full Bleed · Slide 16:9 · Low
Requirement Responses — Only the Alternative Is Filled
Table · Slide 16:9 · High
System Project Deck — From RFP to Cutover06 / 16
Weekly Schedule — Days Down, Owners Across
Table · Slide 16:9 · High
Scope Boundary — In and Out at the Same Size
Two Column · Slide 16:9 · Medium
System Project Deck — From RFP to Cutover03 / 16
Section Divider — The Chapter Number as Ground
Full Bleed · Slide 16:9 · Low
Stakeholder Network — Connections Without a Hierarchy
Network · Slide 16:9 · Medium
Statement — One Sentence, Nothing Else
Centered · Slide 16:9 · Low
Status Report — No Traffic Lights, a Remedy Column Instead
Table · Slide 16:9 · High
System Project Deck — From RFP to Cutover12 / 16
Team Structure — One Place to Decide, One Joint Desk
Tree · Slide 16:9 · Medium
System Project Deck — From RFP to Cutover07 / 16
Test Plan — Each Phase Paired With What Accepts It
Two Column · Slide 16:9 · Medium
System Project Deck — From RFP to Cutover10 / 16
Vertical Timeline — Only the Milestones Land on the Axis
Timeline · Slide 16:9 · Medium
Title Slide — One Rule Under the Subject
Centered · Slide 16:9 · Low
Waterfall — Stepping Through the Variance
Waterfall · Slide 16:9 · High
Phase Schedule — Length Is Duration, Overlap Is Hand-off
Gantt · Slide 16:9 · High
System Project Deck — From RFP to Cutover08 / 16
Application Shell in One Tone
Two Column · Web · High
Settings Panel — No Extra Colour for State
Stack · Component · Medium
Roles and Ramp — A One-page Specimen
Grid · A4 portrait · Medium
Aurora Gradient SaaS Landing
Full Bleed · Web · Low
Monochrome Editorial Spread
Two Column · A4 landscape · Low
Fintech Mobile Dashboard
Stack · Mobile · Medium
Two-column Split on a Single Figure
Two Column · Slide 16:9 · Low
Feature Matrix — One Column Filled
Table · Slide 16:9 · High
One-page Proposal Cover — Subject at the Center
Centered · A4 portrait · Low
Three Figures on a Dark Ground
Three Column · Slide 16:9 · Low
Three-tier Pricing — Center Emphasized
Three Column · Slide 16:9 · Medium
Problem → Action → Effect, in Three Columns
Three Column · Slide 16:9 · Medium
Quarterly Roadmap — Four Equal Bands
Timeline · Slide 16:9 · Low
2x2 Matrix (Priority Map)
Matrix · Generates documents
Comparison Table (Product / Vendor Selection)
Table · Generates documents
KPI Cards (Performance Summary)
Grid · Generates documents
Timeline (Roadmap)
Timeline · Generates documents
Process Flow
Flow · Generates documents
Critical Path Gantt (Concurrent Plan)
Gantt · Generates documents
Waterfall Chart (Change Bridge)
Waterfall · Generates documents
Conversion Funnel (Stage Drop-off)
Funnel · Generates documents
Heatmap (Operational Assessment)
Matrix · Generates documents
RACI Matrix (Responsibility and Control)
Table · Generates documents
Logic Tree (Problem / KPI Driver Decomposition)
Tree · Generates documents
Sankey Flow Map (Many-to-Many Volume)
Flow · Generates documents
Pyramid (Strategy Hierarchy)
Stack · Generates documents
Business Capability Map (Investment Gap)
Grid · Generates documents
Swimlane Process (Cross-team Hand-off)
Flow · Generates documents
System Landscape (Modernization Impact)
Network · Generates documents
Customer Journey Map (Experience Gap)
Timeline · Generates documents
Decision Tree (Expected Value)
Tree · Generates documents
Strategy Map (Cause and Effect Across Perspectives)
Network · Generates documents
Value Chain Map (Room to Improve)
Flow · Generates documents
Stakeholder Network (Alignment Risk)
Network · Generates documents
Ranked Bar Comparison
Stack · Generates documents
Grouped Bar Comparison
Grid · Generates documents
Stacked Composition
Stack · Generates documents
Diverging Survey
Stack · Generates documents
Slope Change
Two Column · Generates documents
Dumbbell Gap
Stack · Generates documents
Bullet Target
Stack · Generates documents
Interval Estimates
Stack · Generates documents
Line Trend
Timeline · Generates documents
Small Multiple Trends
Grid · Generates documents
Indexed Growth
Timeline · Generates documents
Pareto Concentration
Stack · Generates documents
Cohort Retention
Table · Generates documents
Histogram Distribution
Grid · Generates documents
Boxplot Summary
Stack · Generates documents
Scatter Relationship
Matrix · Generates documents
Bubble Portfolio
Matrix · Generates documents
Cumulative Progress
Timeline · Generates documents
Calendar Activity
Grid · Generates documents
Forecast Band
Timeline · Generates documents
Weighted Decision Scorecard
Table · Generates documents
Risk Matrix and Register
Matrix · Generates documents
Fit Gap Assessment
Table · Generates documents
OKR Progress
Stack · Generates documents
SWOT Evidence
Matrix · Generates documents
Options Tradeoff
Three Column · Generates documents
Assumption Evidence
Three Column · Generates documents
Decision Record
Two Column · Generates documents
Stakeholder Engagement Plan
Stack · Generates documents
Business Model Canvas
Grid · Generates documents
Now Next Later
Three Column · Generates documents
Kanban WIP
Three Column · Generates documents
Capacity Allocation
Stack · Generates documents
Release Readiness
Table · Generates documents
Action Register
Table · Generates documents
Experiment Plan
Two Column · Generates documents
Service Blueprint
Table · Generates documents
Retrospective Actions
Three Column · Generates documents
Incident Review
Two Column · Generates documents
Meeting Agenda Timebox
Timeline · Generates documents
Layered Architecture
Stack · Generates documents
Integration Contract Catalog
Stack · Generates documents
Data Lineage Stages
Network · Generates documents
API Contract Sheet
Two Column · Generates documents
Permission Matrix
Table · Generates documents
State Transition Ledger
Table · Generates documents
Release Changelog
Stack · Generates documents
Executive Summary Brief
Two Column · Generates documents
Research Evidence Table
Table · Generates documents
Proposal Scope Boundary
Two Column · Generates documents
Process Control Chart
Timeline · Generates documents
Marimekko Composition Chart
Area · Generates documents
Meta-analysis Forest Plot
Axis · Generates documents
Parallel Coordinates Profile
Axis · Generates documents
Correlation Matrix
Matrix · Generates documents
Survival Curve with Censored Observations
Timeline · Generates documents
Bow-tie Risk Analysis
Network · Generates documents
Incident Response and Escalation Policy
Timeline · Generates documents
Requirement Traceability Matrix
Table · Generates documents
ROC Curve and Threshold Selection
Matrix · Generates documents
Data Retention and Disposal Register
Table · Generates documents
Pareto Frontier for Multi-objective Choice
Matrix · Generates documents
Change Impact Assessment
Table · Generates documents
Tornado Sensitivity Analysis
Axis · Generates documents
Accessibility Audit Findings Register
Table · Generates documents
SIPOC Process Boundary Overview
Table · Generates documents
Invoice Collection Aging Register
Table · Generates documents
Metric Definition Register
Table · Generates documents
Value Stream Map with WIP and Lead Time
Flow · Generates documents
Migration Reconciliation and Cutover Gate Register
Table · Generates documents
Probability Calibration Curve
Matrix · Generates documents
Security Control Exception Register
Table · Generates documents
User Research Recruitment Board
Grid · Generates documents
Progressive Feature Rollout Plan
Timeline · Generates documents
Data Access Request and Review Queue
Table · Generates documents
Disaster Recovery Runbook
Timeline · Generates documents
Service Tier and SLA Comparison Matrix
Grid · Generates documents
Paired Measurement Agreement
Matrix · Generates documents
Thresholded Confusion Matrix
Matrix · Generates documents
Architecture
Places a system's parts and the traffic between them on one canvas, grouped by boundary.
BPMN-lite
Lays out a business process across roles, as lanes with gateways.
C4 Container
Splits one system into its deployable units — applications, services, data stores — and the technology each uses.
C4 System Context
Puts the system in scope as a single box, surrounded only by the people and external systems it touches.
Business Capability Map
Lays out what an organization or product is able to do, as capabilities inside domains inside a scope.
Data Flow
Follows where data originates, what transforms it, where it lands, and which boundaries it crosses.
Decision Tree
Lays out a decision as branches on conditions, every path ending in an outcome.
Deployment / Network
Shows which cloud, region, network and subnet each running thing sits in.
Entity Relationship
Places entities, their columns, and the relationships between them, at the logical level.
Executive Decision View
Gathers objectives, indicators, risks, recommendations and decisions as of one date, for a decision.
Strategic Roadmap
Lays out initiatives and outcomes by theme across Now / Next / Later horizons, rather than dates.
Sequence
Orders the messages between participants down the page, in time.
State Machine
Lays out the states a thing can be in, and the events that move it between them.
Planning Timeline
Places tasks and milestones on a dated axis, with their dependencies.
01 Scroll-triggered fade-in
Fade-in
01 · Motion · Scroll-triggered fade-in
Elements fade in softly as they enter the viewport
Entrances 01–08 — What Happens as Things Enter the Viewport01 / 08
02 Slide-in
Slide-in
02 · Motion · Slide-in
Elements slide in from the side
Entrances 01–08 — What Happens as Things Enter the Viewport02 / 08
03 Stagger animation
Stagger
03 · Motion · Stagger animation
Cards appear one after another with a short delay
Entrances 01–08 — What Happens as Things Enter the Viewport03 / 08
04 Text reveal (Split text)
Text reveal
04 · Motion · Text reveal (Split text)
Characters rise up one by one from below their line
Entrances 01–08 — What Happens as Things Enter the Viewport04 / 08
05 Clip-path reveal
Mask reveal
05 · Motion · Clip-path reveal
Images open like a curtain as they enter the viewport
Entrances 01–08 — What Happens as Things Enter the Viewport05 / 08
06 Blur-in reveal
Blur-in
06 · Motion · Blur-in reveal
Content comes into focus from a blur as it enters the viewport
Entrances 01–08 — What Happens as Things Enter the Viewport06 / 08
07 Typewriter effect
Typewriter
07 · Motion · Typewriter effect
Text is typed out one character at a time
Entrances 01–08 — What Happens as Things Enter the Viewport07 / 08
08 Count-up animation
Count-up
08 · Motion · Count-up animation
Numbers count up from zero to their final value
Entrances 01–08 — What Happens as Things Enter the Viewport08 / 08
09 Scroll-linked animation
Scroll-linked animation
09 · Motion · Scroll-linked animation
Progresses with scroll position, like a reading progress bar
Scroll-linked 09–16 — Effects That Advance as Far as You Scroll01 / 08
10 Parallax scrolling
Parallax scrolling
10 · Motion · Parallax scrolling
Background and foreground move at different speeds
Scroll-linked 09–16 — Effects That Advance as Far as You Scroll02 / 08
11 Scale on scroll
Scale on scroll
11 · Motion · Scale on scroll
An image scales up until it fills the whole screen
Scroll-linked 09–16 — Effects That Advance as Far as You Scroll03 / 08
12 Scroll-scrubbed image sequence
Scroll-scrubbed image sequence
12 · Motion · Scroll-scrubbed image sequence
Plays a numbered image sequence frame by frame as you scroll
Scroll-linked 09–16 — Effects That Advance as Far as You Scroll04 / 08
13 SVG line drawing
SVG line drawing
13 · Motion · SVG line drawing
Lines draw themselves as the page scrolls
Scroll-linked 09–16 — Effects That Advance as Far as You Scroll05 / 08
14 Text fill on scroll
Text fill on scroll
14 · Motion · Text fill on scroll
Words take on their full colour as the reader scrolls through them
Scroll-linked 09–16 — Effects That Advance as Far as You Scroll06 / 08
15 Background color transition
Background color transition
15 · Motion · Background color transition
The background colour changes smoothly from one section to the next
Scroll-linked 09–16 — Effects That Advance as Far as You Scroll07 / 08
16 Marquee (scroll velocity)
Marquee (scroll velocity)
16 · Motion · Marquee (scroll velocity)
Keeps moving at all times and speeds up as the page scrolls
Scroll-linked 09–16 — Effects That Advance as Far as You Scroll08 / 08
17 position: sticky
Sticky
17 · Motion · position: sticky
Headings stick to the top as you scroll
Pinning, Paging, Navigation 17–24 — Hold the Screen, Step It, Show Where You Are01 / 08
18 Pin + scrub
Pin + scrub
18 · Motion · Pin + scrub
Pin the screen while only the content advances
Pinning, Paging, Navigation 17–24 — Hold the Screen, Step It, Show Where You Are02 / 08
19 Scrollytelling
Scrollytelling
19 · Motion · Scrollytelling
A fixed figure changes with the text
Pinning, Paging, Navigation 17–24 — Hold the Screen, Step It, Show Where You Are03 / 08
20 Stacking cards
Stacking cards
20 · Motion · Stacking cards
Cards stack over one another as you scroll
Pinning, Paging, Navigation 17–24 — Hold the Screen, Step It, Show Where You Are04 / 08
21 CSS scroll snap
Scroll snap
21 · Motion · CSS scroll snap
Snaps to one full screen at a time
Pinning, Paging, Navigation 17–24 — Hold the Screen, Step It, Show Where You Are05 / 08
22 Horizontal scroll
Horizontal scroll
22 · Motion · Horizontal scroll
Vertical scrolling drives a horizontal strip
Pinning, Paging, Navigation 17–24 — Hold the Screen, Step It, Show Where You Are06 / 08
23 Hide-on-scroll header
Hide-on-scroll header
23 · Motion · Hide-on-scroll header
Hides when scrolling down and returns on scroll up
Pinning, Paging, Navigation 17–24 — Hold the Screen, Step It, Show Where You Are07 / 08
24 Scrollspy
Scrollspy
24 · Motion · Scrollspy
The table of contents highlights the current section
Pinning, Paging, Navigation 17–24 — Hold the Screen, Step It, Show Where You Are08 / 08
25 Text scramble / decode effect
Text scramble
25 · Motion · Text scramble / decode effect
Scrambled glyphs settle into readable text
Type in Motion 25–29 — Effects That Move the Letters Themselves01 / 05
26 Letter-spacing on scroll
Letter-spacing on scroll
26 · Motion · Letter-spacing on scroll
Letter-spacing widens as you scroll, then tightens again
Type in Motion 25–29 — Effects That Move the Letters Themselves02 / 05
27 Highlighter sweep
Highlighter sweep
27 · Motion · Highlighter sweep
A marker line sweeps across key words in the text as they come into view
Type in Motion 25–29 — Effects That Move the Letters Themselves03 / 05
28 Rotating word swapper
Rotating word swapper
28 · Motion · Rotating word swapper
One word in a sentence rolls vertically to the next
Type in Motion 25–29 — Effects That Move the Letters Themselves04 / 05
29 Odometer digit roll
Odometer
29 · Motion · Odometer digit roll
Each digit rolls on its own reel and settles in turn
Type in Motion 25–29 — Effects That Move the Letters Themselves05 / 05
30 Before/after wipe
Before/after wipe
30 · Motion · Before/after wipe
A divider sweeps across and swaps the before and after images
Imagery and Depth 30–34 — Wipe, Flip and Fly Through a Surface01 / 05
31 3D card flip on scroll
3D card flip
31 · Motion · 3D card flip on scroll
A card turns over in 3D to reveal its back
Imagery and Depth 30–34 — Wipe, Flip and Fly Through a Surface02 / 05
32 Perspective tilt reveal
Perspective tilt
32 · Motion · Perspective tilt reveal
A tilted panel rises and turns to face the viewer
Imagery and Depth 30–34 — Wipe, Flip and Fly Through a Surface03 / 05
33 Z-axis tunnel fly-through
Tunnel
33 · Motion · Z-axis tunnel fly-through
Layers rush toward you as if flying into a tunnel
Imagery and Depth 30–34 — Wipe, Flip and Fly Through a Surface04 / 05
34 Circular iris mask expand
Iris mask
34 · Motion · Circular iris mask expand
A circle opens from the centre to reveal the next screen
Imagery and Depth 30–34 — Wipe, Flip and Fly Through a Surface05 / 05
35 Timeline progress fill
Timeline progress fill
35 · Motion · Timeline progress fill
A vertical line grows down the page and each step lights up as it reaches it
Landing-Page Structure 35–39 — Effects That Decide How Sections Connect01 / 05
36 Opposing-scroll columns
Opposing-scroll columns
36 · Motion · Opposing-scroll columns
The left and right columns scroll in opposite directions
Landing-Page Structure 35–39 — Effects That Decide How Sections Connect02 / 05
37 Curtain section reveal
Curtain reveal
37 · Motion · Curtain section reveal
The previous screen lifts away to reveal the next one beneath
Landing-Page Structure 35–39 — Effects That Decide How Sections Connect03 / 05
38 Chart bars grow on view
Bars grow
38 · Motion · Chart bars grow on view
Chart bars grow to height as they come into view, and their values count up
Landing-Page Structure 35–39 — Effects That Decide How Sections Connect04 / 05
39 Hero title shrinks into header
Hero title shrink
39 · Motion · Hero title shrinks into header
The large title shrinks and settles into the header
Landing-Page Structure 35–39 — Effects That Decide How Sections Connect05 / 05
40 Scroll-velocity skew
Velocity skew
40 · Motion · Scroll-velocity skew
Headings tilt when you scroll fast and level out when you stop
Atmosphere and Utilities 40–44 — Effects That Tune the Feel of Reading01 / 05
41 Rotate on scroll
Rotate on scroll
41 · Motion · Rotate on scroll
Gears and discs turn as you scroll
Atmosphere and Utilities 40–44 — Effects That Tune the Feel of Reading02 / 05
42 Circular scroll progress
Circular scroll progress
42 · Motion · Circular scroll progress
A ring shows how far you have read, and lets you return to the top
Atmosphere and Utilities 40–44 — Effects That Tune the Feel of Reading03 / 05
43 mix-blend-mode invert
Blend invert
43 · Motion · mix-blend-mode invert
Only the parts where shapes overlap invert in colour
Atmosphere and Utilities 40–44 — Effects That Tune the Feel of Reading04 / 05
44 Sticky CTA bar
Sticky CTA bar
44 · Motion · Sticky CTA bar
A button bar rises from the bottom edge partway down the page
Atmosphere and Utilities 40–44 — Effects That Tune the Feel of Reading05 / 05
45 Stroke-order handwriting
Stroke order
45 · Motion · Stroke-order handwriting
A character is written one stroke at a time, in stroke order
Lettering in Motion 45–60 — From a Single Stroke to Particles01 / 16
46 Text disintegration into particles
Text shatter
46 · Motion · Text disintegration into particles
A line of text breaks into particles and is blown away by the wind
Lettering in Motion 45–60 — From a Single Stroke to Particles02 / 16
47 Particles assemble into text
Text gather
47 · Motion · Particles assemble into text
Scattered particles swirl together and settle into a line of text
Lettering in Motion 45–60 — From a Single Stroke to Particles03 / 16
48 Character wave on scroll
Character wave
48 · Motion · Character wave on scroll
A wave passes through a row of characters, lifting each in turn
Lettering in Motion 45–60 — From a Single Stroke to Particles04 / 16
49 Text on a path
Text on a path
49 · Motion · Text on a path
A sentence flows along a curved path as you scroll
Lettering in Motion 45–60 — From a Single Stroke to Particles05 / 16
50 Vertical writing reveal
Vertical writing
50 · Motion · Vertical writing reveal
Vertical Japanese text is written onto manuscript paper, column by column from the right
Lettering in Motion 45–60 — From a Single Stroke to Particles06 / 16
51 Scattered letters snap into place
Letters scatter
51 · Motion · Scattered letters snap into place
Letters scattered in every direction spin back and line up
Lettering in Motion 45–60 — From a Single Stroke to Particles07 / 16
52 Stretch one stroke of a title
Stretch a stroke
52 · Motion · Stretch one stroke of a title
One stroke of a title stretches far out to the side
Lettering in Motion 45–60 — From a Single Stroke to Particles08 / 16
53 Gradient text sweep
Gradient sweep
53 · Motion · Gradient text sweep
A band of colour slides through the letters as you scroll
Lettering in Motion 45–60 — From a Single Stroke to Particles09 / 16
54 Partially erased letters
Erase a part
54 · Motion · Partially erased letters
The lower half of each letter is wiped away, one letter after another
Lettering in Motion 45–60 — From a Single Stroke to Particles10 / 16
55 Sparkle ornaments around a title
Sparkle scatter
55 · Motion · Sparkle ornaments around a title
Four-point stars twinkle into place around a title one after another
Lettering in Motion 45–60 — From a Single Stroke to Particles11 / 16
56 Diagonal slashes through a title
Diagonal slashes
56 · Motion · Diagonal slashes through a title
Diagonal lines are drawn between the letters of a title, left to right
Lettering in Motion 45–60 — From a Single Stroke to Particles12 / 16
57 One oversized letter in a title
One letter bigger
57 · Motion · One oversized letter in a title
One letter of a title grows large while its neighbours make room
Lettering in Motion 45–60 — From a Single Stroke to Particles13 / 16
58 Ink bleed text reveal
Ink bleed
58 · Motion · Ink bleed text reveal
A blot of bled ink resolves into crisp letters
Lettering in Motion 45–60 — From a Single Stroke to Particles14 / 16
59 English subtitle under a title
English underneath
59 · Motion · English subtitle under a title
A rule is drawn and an English subtitle tightens in beneath the title
Lettering in Motion 45–60 — From a Single Stroke to Particles15 / 16
60 Connected letters
Linked letters
60 · Motion · Connected letters
A single ribbon winds through a heading and links its letters
Lettering in Motion 45–60 — From a Single Stroke to Particles16 / 16