Layout Pattern
Process Flow
Step-by-step sequence with arrows or connectors. Shows how something works, from input to output.
How to Use It
Process slides make complex workflows understandable. Use numbered steps with connecting arrows. Each step: icon + label + optional one-line description. Horizontal flows work for 3-5 steps; vertical or zigzag for more. Highlight the current step when presenting iteratively. Add a you-are-here marker for onboarding or implementation decks.
Content Zones
Related Layouts
Similar OPF layout slugs with matching content types, spatial patterns, or presentation use cases.
Visual Storytelling
Timeline
Horizontal or vertical progression showing events, milestones, or phases in chronological order.
/layouts/timeline
Visual Storytelling
Architecture Stack
Layered diagram of a system from foundation to user-facing. Classic for tech stacks and capability layers.
/layouts/architecture-stack
Visual Storytelling
Before & After
Two-panel layout showing transformation. Proves impact by making change visible and concrete.
/layouts/before-after
Visual Storytelling
Case Study
Three-panel narrative of Challenge, Solution, and Impact. Turns a customer story into proof.
/layouts/case-study
Visual Storytelling
Circular Lifecycle
Stages arranged in a closed loop. Shows processes that repeat rather than end.
/layouts/circular-lifecycle
Visual Storytelling
Hub and Spoke
Central node with radiating connections. Shows one-to-many relationships clearly.
/layouts/hub-and-spoke
OPF Config
layouts:process-flow{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "PPTX.gallery — layouts/process-flow",
"tags": [
"gallery:layouts/process-flow"
],
"slides": [
{
"id": "gallery-preview-1",
"layout": "process-flow",
"title": "Layout preview",
"subtitle": "Reference layout for the OPF \"process-flow\" preset."
}
]
}Preview this config live at pptx.dev/playground.