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
Layered diagram of a system from foundation to user-facing. Classic for tech stacks and capability layers. OPF placeholders: title, text.
Content Zones
Try dynamic composition
Explore how a text slide reflows as you change its content and shape. These examples use OPF’s shared composition rules; the copied document includes your choices.
All sample text fits within its content areas.
View the complete OPF example
{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "Dynamic composition example",
"design": {
"dimensions": {
"widthInches": 13.333333333333334,
"heightInches": 7.5
}
},
"slides": [
{
"title": "Let the content find its space",
"composition": {
"mode": "auto"
},
"blocks": [
{
"text": "Start with the decision. State what the audience should understand or do."
},
{
"text": "Show the evidence. Give each supporting idea enough space to be read."
},
{
"text": "Make the next step clear. Keep the action specific and easy to remember."
}
]
}
]
}Composition rules and examples as JSON · Pagination rules and example JSON
Related Layouts
Similar OPF layout slugs with matching content types, spatial patterns, or presentation use cases.
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
Wheel / Radial Model
Circular frame with segments around a central theme. Good for frameworks with equal-weight components.
/layouts/wheel-radial
Business Strategic
Assumptions & Dependencies
Lists the conditions this plan depends on. Makes the fragile parts of a strategy explicit.
/layouts/assumptions-dependencies
Visual Storytelling
Before & After
Two-panel layout showing transformation. Proves impact by making change visible and concrete.
/layouts/before-after
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": "Architecture Stack",
"text": "A clear supporting point.",
"design": {
"contentBox": true,
"contentAlignment": "left",
"titleAlignment": "left",
"contentDirection": "horizontal"
}
}
]
}Load this config in the gallery's visual editor, or in the Inspector at pptx.dev.