PPTX.gallery
Open in PPTX.dev

Layout Pattern

Hub and Spoke

Central node with radiating connections. Shows one-to-many relationships clearly.

TextCentralNetworkModel

How to Use It

Central node with radiating connections. Shows one-to-many relationships clearly. OPF placeholders: title, text.

Content Zones

hub-and-spoke layout example

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.

Let the content find its spaceStart with the decision. State what the audience should understand or do.Show the evidence. Give each supporting idea enough space to be read.Make the next step clear. Keep the action specific and easy to remember.

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

Architecture Stack

Layered diagram of a system from foundation to user-facing. Classic for tech stacks and capability layers.

/layouts/architecture-stack

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

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:hub-and-spoke
Open Presentation Format
{
  "$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": "Hub and Spoke",
      "text": "A clear supporting point.",
      "design": {
        "contentBox": false,
        "contentAlignment": "center",
        "titleAlignment": "center",
        "contentDirection": "horizontal"
      }
    }
  ],
  "catalogs": {
    "layouts": {
      "records": [
        {
          "$schema": "https://openpresentation.org/schema/opf-layout/v1",
          "id": "hub-and-spoke",
          "name": "Hub_And_Spoke",
          "label": "Hub and Spoke",
          "summary": "Central node with radiating connections. Shows one-to-many relationships clearly.",
          "description": "Central node with radiating connections. Shows one-to-many relationships clearly.",
          "tags": [
            "Central",
            "Network",
            "Model"
          ],
          "master": "Gallery",
          "masterSlideIndex": 51,
          "groupHash": "02c8fd41728835798aeb059d4650579dbc70ae6a845e3d982dffbf84ec7321c9",
          "groupDefault": true,
          "contentType": "Text",
          "contentMultiple": "1x",
          "contentAlignment": "Center",
          "contentBox": false,
          "contentTypeChartPrimary": "None",
          "contentTypeImageFill": "None",
          "contentTypeListBullet": "None",
          "contentTypeListHeading": false,
          "slideTitle": true,
          "slideTitleAlignment": "Center",
          "slideImage": false,
          "slideImageAlignment": "None",
          "slideLayoutDirection": "Horizontal",
          "zones": [
            {
              "role": "title",
              "placeholder": "title"
            },
            {
              "role": "text",
              "placeholder": "text content 2"
            }
          ],
          "preview": {},
          "details": "Central node with radiating connections. Shows one-to-many relationships clearly. OPF placeholders: title, text.",
          "category": "visual-storytelling",
          "spatialCategory": "single zone",
          "contentTypeTags": [
            "mixed",
            "text"
          ],
          "placeholders": [
            {
              "type": "title"
            },
            {
              "type": "text"
            }
          ],
          "slideSubtitle": false
        }
      ]
    }
  }
}
Open in OPF PlaygroundOpen in visual editor

Preview this config live at pptx.dev/playground, or load it in the gallery visual editor.

View registry.json