PPTX.gallery

Layout Pattern

Icon Grid

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

ImageFeaturesVisualScannable

How to Use It

Grid of icon+label pairs for features, capabilities, or categories. Scannable and visually clean. OPF placeholders: title, image.

Content Zones

icon-grid 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

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 Focus

Full-bleed imagery with overlaid text. Ideal for emotional storytelling and visual impact.

/layouts/image-focus

Business Strategic

Capability Map

Nested grid of business capabilities grouped by domain. The "what the company does" view, independent of teams.

/layouts/capability-map

Business Strategic

Competitive Landscape

2x2 or ecosystem view of competitors and where you fit. The positioning argument made visual.

/layouts/competitive-landscape

Visual Storytelling

Customer Journey Map

Phases of the customer experience with actions, touchpoints, and emotions. Makes empathy visible.

/layouts/customer-journey

Data Analysis

Decision Tree

Branching diagram showing choices and consequences. Makes decision logic visual and transparent.

/layouts/decision-tree

OPF Config

layouts:icon-grid
Open Presentation Format
{
  "$schema": "https://openpresentation.org/schema/opf/v1",
  "name": "PPTX.gallery — layouts/icon-grid",
  "tags": [
    "gallery:layouts/icon-grid"
  ],
  "slides": [
    {
      "id": "gallery-preview-1",
      "layout": "icon-grid",
      "title": "Icon Grid",
      "image": {
        "src": "data:image/png;base64,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",
        "alt": "Illustrative landscape"
      },
      "design": {
        "contentBox": false,
        "contentAlignment": "left",
        "titleAlignment": "left",
        "imageFill": "crop",
        "contentDirection": "horizontal",
        "slideImage": {
          "src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAACHCAIAAACnEEO8AAALRElEQVR42u3dqXIjSRAG4HqAQYOEhBoZCQkZGQ0aZGQ0SEhIqJFQIyMhI6N90g3LVx+VVZlZWUfLf0TCjYlx7OecP+tq92v7R1V/f5vV41t1s3pa1L9YPQXrka6nIuX5O2/e625Zh2kd6TrUqGO8dul1YtZ2VK4q5QTTd9cykN2gZq/pw9xKNdYFKCs1K0Dn0JxmmpQdZf3UsOZYq97VYt20ZinofJotTCtll6Ys0cwzXUj2sSnNW6JcM5qTTG/uDu2xpikLNHNMn0xZH5XVgGY+6IKaE0x/Vguy0xuz1LSa9dGgqsYMEegylKeaDUwf3h3QstelmW/6xI4iZTpuUc1R0JUo+0ErTFeRnUlzkDUpI4C7ruAsmsOgW9PMN02y3uRl/S+/5qjpAAgC965umVEOg66nuYuW2nRW2WU0B3OwgMixjTLWTIFuWXNgN+TbdOx//2GsxCe7tZgR/XHGpsca+u2u37yVQvYp8++GveYl6L9r0Gxl2idbw7oFzWST3l5Nj4t2ebKo0qE5ALrN0FzA9GGmRyK7Ec0B0/2WrNMmb5XWPAa9Os2MSC0GEZbduGZGk95fy4e7lOyMlMeg1xIzypg+LFUtWNcdAWNbJIEmvT9/FoU7d9vOqPkd9No1p5g+Jsg22dO20uxdUaaa9HlRXtxiTNU1b3e9uwnNiaajW8QLbQ3FjENwf2QMJWyakq20VUVzGdC1NCtMixv2pinNwQmMBzoaSDSNPL/m77+PW9sIqLhv8tlHuablDbt5zbEmPVyLkL3jl0b21k5zVtB1G7OJ6fKsrTRTdMKgB1p2byg7n+Z8oJvSnGi6jOxDbs28Js2QvbORnUNzJtANajYxnY91Mc3hJD3QlbFhG2rOAbpZzSrTO6nsNfRmbpN+ZrHe92zfeSmbg35sXvOEtcA0eZg4vWEf8udmWkC0Sd8/v5WI9T636b4M6EYWNNSm/3HpWLKurjnWpN9Bf1VIdi+RnUuzFei1NOZ00yeV7HTKaWsaJGXvgnTQtBnrLJpNQK9Uc4rpU1rDTruMzdAsb8xC03PW6hBirHm7TwW9as1M04FDP2rZNTSzKMdBdyzWhq2652tOAf14E5pNTJ+CIdv0hZdUzWd2RUybsjbTrAa9uhFQupanMB1u2ObtWbQ2J9XMNH1RsuaallFWg76Zxuw51mxh2rZhl9Q8RIowPWJtaFqjWQH6ljX/9pyb4wjLx5obNtI0D4LyZY85a2arDplWapaC/gGaO8mzttyXA46pj3Qp2rM55bhpKoGIWnWSZj7ox5+qWbqcZ8g6XXNvTDliesna26p7+Z45VzMT9G2OgPIrJ+mmRbLTw0YezTzTnahVG2nmgL7xxiy8QCU13asStmidrobmD9MDYVreqi0oc0D/jJjRJR6Oi5ruxe/NqdtzimbvjqAfpd+0jzW7VVtoDoP+4aHZ0HSU9Unx2pCl5gjlmOxQq34mWrXQ9D4VNDQbmx496dKrnh1KBG1CeeRSzPqrVQfjR5pmL2iMgNlNpz9WVFWzIIQQpun4kaZ5CfqWNFd53EhmWtKw1aBlmv3+RK2ay5qOHyrKS9AYAU1uT0W2Eo2Ovae155jjTiCbMB1jLVioVoFGaDa8C6g2rS1Rew5pvkyLyZo2/cF6CLE2Ne2gOeNrzWVMi9ozqflCF4d10HSQdXz1Qwgamsu8bxs0vU8vTXtmaJaY5m7HDDPWtGmR7Lf/2GEELPHqANf02bSsNDNND1zTRMOmT59yWJ99oDtoNqTMNH3yPd5cDPRFUqamfQ17q2R99oFGzMiiWWLasklH8kanAX1JBn0Osh6I9BJmffaBhuaMmuNjImF6YD85x2nP9qDlpqO/ctOKsz77QENzds0c073EtO3B/Cqgw797Q8ft1jPQ2NMupDkeP9YIuvOCFpv2XssdJmsg96w/xGEELKs5ZHqb1fQKQC9+5GtM6sbLIDHWDnvaZSmnmVafjLvPCLozSB1c053/z7cHjZhhlqcjYTr1iFx0u7sR0KOf+v47fkRZO2iuqdlnOh48bhl0zzftZe0wAlbWrDHNPSIXkNdpTD8XAU0/8uszfa3v4O4wAtbXrDD97TLVosR0SdBS0x+sHUbAUpSjH3BRDojywY7Sqf99sFvlCJ+4+jJNsnYIzU1Q9l3wnoImTXd6016siu6eCbRsTFSDhubcmqPBw9z0pVMl8gzr0Oz32D2mLwrQ0JwpZpDvFjAXPaamX6aV17Q1aNkq9cy0wwjYpGbJ0aV7wvTDZ8l8W2g2W4dmrVKPI7XDseYmNTOPmLJNP3h9G5gWtuchy5nvkWmHmNFMaI6CZi56MExPZOtNy9uzOei5aQfNTWqmQFubTmBNar4vqXn+L5WD5pZiRjhGBz7Wrcoec9bqve6K7XnO2mFPu1XNMdB6069C1rw3DFgXCs+5TTuMgK1qZoLmm75MTb/qTG+VYaOAZv9pO+xp1wrNctAK0/NWTbHmmB4kmuuARsxoRzMF+iT4Br3/LP/S9CuvVS+ehmlM8ww0NLcQM9SgRaYvU77JptvQ/AUaI2CDmpcb4OHU0dOLWdSdK0ar5pjetwUae9qta96En9Pdc0wP5C0VVqtOMX0uWIPDCNhSaI5+g0IKmhoTA636xdR0Uc1lQGMETKUsSR298BK1pFWLTZfWXAA0YoaN5oTUITHtYa02XUFzbtDQbKZ5w/0qBfvLbqG736JN8rqm5/8sOIyAq9AsbNK96g2XQKtu0/RQBvTPvNmaXbOwSfdcCnrWgfMeBU/YZQaNETAL5Q3nc1gC0JHntrisq5keyoCG5sKaU5q0EesKpocyoBGay2uONuleTETBuqjpoQBojIDFQrOiSfeqBz+FrEnTg/TFcjVlK9A41lxXs63p8/IZ/cgzNMw+zX6xPEVzOmiE5hY0m5vWso7c3VKzHsqAhuZaoVkXpouwjl9JlLKWfSTOQfPaRsCUJq37ctwQe1FO8SYT8ztX4k8eOmhec8wIgt5JP6Vsx/rhWqwL5BRr3Qc8xaCxoLEezayviGdl/eJjzW/YYs1S0DjWvDbNLNPmrJdrINlYT+81dhLQGAEbDM0MzQLW+pGRYTp+mfyLdcdkvdDMB42Y0abm3lRz0l5M53mteRypxxsxFqwXlPmgoXmFMSNJs/KEk8R0GmtCcxQ0RsCVa97n1sz5UkTAtIo1rTkMGseaoflcxPSLb5nPz7oLag6Axgj4E0ZAQ82i+BG44hVt2EO4HDRjBDTSnBipNTmEAxqh+Sdrzvj1E6FpJWuHERCh2Vpz9COZlOnXxHg9Bo1jzdB8bsN0EmuH0AzN2V8a+O6gzKUPPWsHzRgBC72eIYvUr/Tb1SHWDqEZI+AaTL8ypkYfaGhGzMj75IAmUgtYO4yA0Fz4cSNhpP6gfBdl/TACjWPN0FzscSP1mHjHYO0wAmJPu7Tmz4qZvlCmp7Inph1CM0bAKprVkfouyNpBM44116G8X56bE5r+89+C9auDZoTmupqnB0HlfXrE+s4ONEZAaNbfbO1YpuesJ6Y/WTtoxgjYkmY6Uj/E4se1HGIG9rSraO7iJY/UyaChGSNgJs0600mRAyMgYkZWzaK7iUlDIfa0obm85nik1oHGCAjNtiOgSHPEtINmjIBtjIB8zaH44RCaMQKuUDNp2kEzYkYzoVmk2R8/HEZAaG57BJSZdtjThubmR0BB/HAYAaF5PaE5btohNGMEvAnNn7e+oRnHmlc1AmpAQzNiRssjoAA0RkBoXsUIyAKNERCa1615DBojIPa0VxmavaARmjEC3oLmd9DQjJix1hFwuRTtoBmaVx2alzuFGAGh+UY05waNY80YAYtqzgoaCxrY0y6tubu//A/z06M52rGM6QAAAABJRU5ErkJggg==",
          "position": "background"
        }
      }
    }
  ]
}
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