Layout Pattern
Architecture Stack
Layered diagram of a system from foundation to user-facing. Classic for tech stacks and capability layers.
How to Use It
Stack diagrams show dependency order - the bottom supports everything above it. 4-6 horizontal layers work best (infrastructure, data, services, UI, experience). Label each layer clearly, use consistent heights. Add icons or logos per layer for the specific technologies or components. Works for software architecture, but also for capability stacks, strategy stacks (Mission, Strategy, OKRs, Projects), and org stacks.
Content Zones
Related Layouts
Similar OPF layout slugs with matching content types, spatial patterns, or presentation use cases.
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
Visual Storytelling
Testimonial Grid
Multiple customer or stakeholder quotes in a grid. Builds social proof through volume and diversity.
/layouts/testimonial-grid
Visual Storytelling
Wheel / Radial Model
Circular frame with segments around a central theme. Good for frameworks with equal-weight components.
/layouts/wheel-radial
OPF Config
layouts:architecture-stack{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "PPTX.gallery — layouts/architecture-stack",
"tags": [
"gallery:layouts/architecture-stack"
],
"slides": [
{
"id": "gallery-preview-1",
"layout": "architecture-stack",
"title": "Layout preview",
"subtitle": "Reference layout for the OPF \"architecture-stack\" preset."
}
]
}Preview this config live at pptx.dev/playground.