PPTX.gallery

Layout Pattern

Image 1x

A title above one image with a text block beside it. Use it for a product shot, a diagram or a photo that the text refers to.

ImageVisualShowcaseDetail

How to Use It

A title above one image with a text block beside it. Use it for a product shot, a diagram or a photo that the text refers to. OPF placeholders: title, image, text.

Content Zones

image-1x 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.

Content Text

Icon Grid

Grid of icon+label pairs for features, capabilities, or categories. Scannable and visually clean.

/layouts/icon-grid

Content Text

Image 2x

A title above two images, each followed by a text block, in two columns. Use it for a before and after, two options or two views of the same thing.

/layouts/image-2x

Content Text

Image 3x

A title above three images, each followed by a text block, in three columns. Use it for three products, steps or places shown as a row.

/layouts/image-3x

Content Text

Image Bleed

One image placeholder and no title or text. Use it for a full-bleed photograph or illustration that carries a mood or a transition between sections.

/layouts/image-bleed

Visual Storytelling

Image 2x Crop

Image 2x Crop OPF layout with 2 crop image zones.

/layouts/image-2x-crop

Visual Storytelling

Image 2x Crop SlideImage

Image 2x Crop SlideImage OPF layout with 2 crop image zones.

/layouts/image-2x-crop-slideimage

OPF Config

layouts:image-1x
Open Presentation Format
{
  "$schema": "https://openpresentation.org/schema/opf/v1",
  "name": "PPTX.gallery — layouts/image-1x",
  "tags": [
    "gallery:layouts/image-1x"
  ],
  "slides": [
    {
      "id": "gallery-preview-1",
      "layout": "image-1x",
      "title": "Image 1x",
      "blocks": [
        {
          "image": {
            "src": "data:image/png;base64,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",
            "alt": "Illustrative landscape"
          }
        },
        {
          "text": "Explain the evidence."
        }
      ]
    }
  ]
}
Open in visual editorOpen in Inspector

Load this config in the gallery's visual editor, or in the Inspector at pptx.dev.

View registry.json