Layout Pattern
Hub and Spoke
Central node with radiating connections. Shows one-to-many relationships clearly.
How to Use It
Use hub-and-spoke when there is a single center and multiple peripheral nodes connected to it - a platform and its integrations, a headquarters and its regions, a product and its add-ons. Put the hub at center with its label, and spokes radiating out with labeled end nodes. 5-8 spokes reads cleanly; more gets crowded. Distinct from a general network diagram because the topology is strictly radial, not mesh.
Content Zones
Related Layouts
Similar OPF layout slugs with matching content types, spatial patterns, or presentation use cases.
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
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:hub-and-spoke{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "PPTX.gallery — layouts/hub-and-spoke",
"tags": [
"gallery:layouts/hub-and-spoke"
],
"slides": [
{
"id": "gallery-preview-1",
"layout": "hub-and-spoke",
"title": "Layout preview",
"subtitle": "Reference layout for the OPF \"hub-and-spoke\" preset."
}
]
}Preview this config live at pptx.dev/playground.