PPTX.gallery

Layout Pattern

Gallery

Show several related visuals together. Use consistent captions and ordering to make the relationship between them clear.

ImageVisuals

How to Use It

Show several related visuals together. Use consistent captions and ordering to make the relationship between them clear.

Preview + source

Explore this layout

Compare a small curated set of visuals, with a purpose for showing them together.

All people, quotations and business figures in these examples are illustrative.

Gallery: canonical rendered example
Inspect full-size SVG

This prepared preview and the OPF describe the same example. Area outlines show measured allocation; toggling them does not change the slide.

Copy complete portable OPF

Inspect compact default-catalog references. Your host must register the matching catalog; source identifies it without fetching over the network. Copy always includes complete embedded records.

{5 keys
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "Layout fixture gallery",
"design": {1 keys
"background": "light1"
},
"slides": [1 items
{4 keys
"layout": "gallery",
"title": "Compare three visual directions",
"subtitle": "Illustrative example • fictional data",
"blocks": [3 items
{2 keys
"region": "pictures",
"image": {2 keys
"src": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAgMTAwIiB3aWR0aD0iMTYwMCIgaGVpZ2h0PSIxMDAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InMiIHgxPSIwIiB5MT0iMCIgeDI9IjAiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM3YWE3ZTYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNjZmUwZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTYwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNzKSIvPjxwYXRoIGQ9Ik0wIDYyIFE0MCA0MCA4MCA1OCBUMTYwIDUwIFYxMDAgSDAgWiIgZmlsbD0iIzNmOGE1NSIvPjxwYXRoIGQ9Ik0wIDc4IFE1MCA2NCAxMDAgNzYgVDE2MCA3MiBWMTAwIEgwIFoiIGZpbGw9IiMyZjZiNDIiLz48L3N2Zz4=",
"alt": "Blue and green landscape palette"
}
},
{2 keys
"region": "pictures",
"image": {2 keys
"src": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAgMTAwIiB3aWR0aD0iMTYwMCIgaGVpZ2h0PSIxMDAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InMiIHgxPSIwIiB5MT0iMCIgeDI9IjAiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNkNDliNzQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmYWU1Y2IiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTYwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNzKSIvPjxwYXRoIGQ9Ik0wIDYyIFE0MCA0MCA4MCA1OCBUMTYwIDUwIFYxMDAgSDAgWiIgZmlsbD0iI2I5NmI1MCIvPjxwYXRoIGQ9Ik0wIDc4IFE1MCA2NCAxMDAgNzYgVDE2MCA3MiBWMTAwIEgwIFoiIGZpbGw9IiM4NTRiNDgiLz48L3N2Zz4=",
"alt": "Warm earth landscape palette"
}
},
{2 keys
"region": "pictures",
"image": {2 keys
"src": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAgMTAwIiB3aWR0aD0iMTYwMCIgaGVpZ2h0PSIxMDAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InMiIHgxPSIwIiB5MT0iMCIgeDI9IjAiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM5YThmYmUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlZWU4ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTYwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNzKSIvPjxwYXRoIGQ9Ik0wIDYyIFE0MCA0MCA4MCA1OCBUMTYwIDUwIFYxMDAgSDAgWiIgZmlsbD0iIzc1NmI5NiIvPjxwYXRoIGQ9Ik0wIDc4IFE1MCA2NCAxMDAgNzYgVDE2MCA3MiBWMTAwIEgwIFoiIGZpbGw9IiM1MTQ3NjciLz48L3N2Zz4=",
"alt": "Purple landscape palette"
}
}
]
}
],
"catalogs": {1 keys
"default": {1 keys
"source": "https://www.pptx.gallery"
}
}
}
Layout structure and reference fields
How automatic composition differs

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.

Visuals

Image

Let one image carry the message. Add a short title or caption to explain what the audience should notice.

/layouts/image

Openers And Closers

Cover

Open a presentation with its subject and a short introduction. Add a picture when it helps establish the context.

/layouts/cover

Mixed

Logos

Present organizations, partners or customers as a group. Use a consistent visual scale and add context when the relationship is not obvious.

/layouts/logos

Mixed

Team

Introduce people and their roles. Use consistent names, descriptions and portraits when available.

/layouts/team

Visuals

Image beside

Explain a visual alongside its supporting text. Use the text to direct attention to the meaningful parts of the image.

/layouts/image-beside

Visuals

Chart

Give a chart enough space to show its evidence. Use the title to state the conclusion and labels to explain the measures.

/layouts/chart