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, picture.
Content Zones
The decorative slide image is recorded in OPF. The current preview and PowerPoint exporter omit this separate image region; content images are supported.
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.
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
Image Bleed from the standard OPF catalog.
/layouts/image-bleed
Content Text
Image 1x
Image 1x from the standard OPF catalog.
/layouts/image-1x
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
OPF Config
layouts:icon-gridOpen 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,iVBORw0KGgoAAAANSUhEUgAAAeAAAAEOCAMAAABmRDRVAAAB4FBMVEXs6P+Pet+Xg+KbiOOikObs5//q5f6Ldd61pP+Ldt7X0PjAtPCMd964qu3r5/+woOvq5v6Od9+nlui3qu2SfeDk3/zp5f7Kv/Pc1frp5P7QxvXk4P2NeN+Ped/i2/ykkubf2PrRyPbi3PzTyvaun+ro4/3n4f3CtvHNw/S/sP+RfeDa0/nm4f+Tf+G/sf/Iu//d1f+5qP/o4//p5P/c1P/JvvPXzv+UgOHb1PnCtP/Iuv/h2/u2pv+9rf/Gu/LHvfK4qP+TfeDBtfC8rf+xo+vWzvjIvvPHu/+ejOXOxPXk3vydjOTr5v/Yzv+tnOni3P+Zh+OSfOCnl+isnOnY0PizpOzn4v3l4P3c1vrWzvebh+O5qf+fjOXIvfOciuSahuOnlue8r+7h3Pvb1fnf2vutnuq+r/+RfODHuv+VguGMdt61p+yYheOomOizpeyUgeHTy/eol+jc1f+3pv+3pf/LwvTZ0f/Xz//l4P/Pxf+5qv/Nwf/j3f/a0v/Jvf/PxP/n4f/Z0P++rv/Asf/Guv/Pw//Wzv+9rv+8rP+6qv+6qf+2pf/Wzf/FuP/q5/+9r/+9se/m4P/o5P/IvP+QfODZ0v/Lv//b0v/Dtf/Bs//LwP/Nwv+WguLn4//MwP/q5v+FCVUYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAI3ElEQVR4nO2dCV9UVRiHrwuegyJhBbbZatkYsSolQlpUBGm2EFFkqxGVlaHmvuZatu/7V+1nKgqembudc95l/s8HGM69728Qn/eZO0kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPhlW9+x6cpg98BA92Bl+ljfNs8vDyjpudA/aecx2X+mB1NRQVf/gHUy0NlFfTZQluZ1X9gaTG1tLv0jACEz39oUzq7DgMTSftRm4Ov91OcExThy3V9WbjZ/XvAHAEq2HLKZOfovZiWNng3Z52vt739Tnxfk43hHnvlaO9We8wcAUtoH883X2iFMWBC9Od+/F6n8QH1qkJUtuf79vcKGLZl/AKDljyLztfYQ5iaDn4vN19oT1CcHWdi/ueiAN+MPLQlMF52vtdPUZwfpzBSfr7XYH7KnOXV/VIuT2B5y50SZ+VqLvQN3KuUGPIW3MG+6ys3XWuz/edNfdsCd1FcAatG7u+yAB9BacuZC2fla20d9DSCM5LgCfkdzZrL8gA9SXwOozrby87UWn2rhS5+PAW+lvgpQldM+Bnyg+usDYk75GPAw9VWAUJ7yEh3VXx8Qc87HgAeprwJUpdvHgL+s/vqAmD0+BvwV9VWAqmDAyun28Q7Gr2i+nPMxYPyRxZeKjwHjv0l8OeVjwBAdfDntY8BQlXzp8zFgLBuUrwsPU18FqM7B8vPFwl91VGntj9TXAGpwpvyA99V6fUBML7JZ5fSXfQMjquRNV9kB46Mrum1lB/X5QQr4+Khyms+WeQPj06PK/xWeoT49SGe4+HzxJ7QE2gs/Rmnye+qzgywcKTrgI5leHpDzT7H5/kl9bhD0YaS/fZP19YHIxwn3UJ8aZKd9KO98h47neHkg7pH+FTyHVPWXcmzopT4vCPm1Or/g7yuJ/Jrxkyz4YiyptOOr7bQzczLt7TuFR0Rr/nrZCr5eVj7rOquUeLs70efMsmx5Ipfevs7z86d7vnMf/mt0lZWN5hPZj8o+vO/YcMdQ95493UMdwwe24vMpc7jtDmPM6haq4YDALF1gLvLcEtxpldxy8//zNeazNuqjgADcufDyfI25637cYXXcvmh2vsYsfoD6OMAzty6+Zr7GPNOKO6yKJTfOma8xi+6lPhLwSMMN8+ZrzJvv4A7r4abr5mvMwrupTwV8scwxX2MeeRR3WAcrG50DNg8/RH0y4E1QOln7FO6wGkHpZMF91KcD3gSlk1X34A6rEZROVjxIfULgTVA6aXoad1iNoHTy4WPUpwTeBKWTxidwh9UISjeSQ616xiUoMWHtgtKN8BSvLqkmKN0gxdMjKN0gxdMjKN0gxdMjKN0gxdMjKN0gxdMjKN0gxdMjKN0gxdMjKN0gxVMkKJ0gxVMkKJ0gxVMkKJ0gxVMkKJ0gxVMkKJ0gxVMkKJ0gxVMkKJ0gxVMkKJ0gxVMkKJ0gxVMkKOWleOOr6y8jKyMo3fC9h2M7jXm5IakryglKURNuWLPi4umerK+MrKSgFJTijb51+XTv1dMT3UoLSjEp3sjjs6d7qX6e6OZBUMpI8do+uvZKX6yXJ7p5EZQSUryJN+oyI/MkKN1wuofbV9VlRuZNULphcw9bP3ac7vVXEu14FJSsU7xdHzhP9yyP0wkRlHxTvJa3m6qc7jUGp5MjKLmmeDtqXObzGxO9+BeULFO8vWs5n06YoOSX4o2vTjndp+8mSgkiKLmleGM7OZ9OoqBkleI1XFotpPDC0kQhwQQloxRv9MpqIYX3X03UEVBQsknxRq6uFuouBQ0qKHmkeG1zVgt1loIGFpQcUryJeauFukpBgwtK+hRv+3WrhRSa1idqiCAoiVO8VtdqIYWmTYkSoghK0lBrl3u1kELjmkQFkQQl3YRbqq4WUmhcliggmqCkSvF2LFaXgjIVlDQp3t6aqwX9E44pKAlSvPG01UIa0pP4uIIyeoo3lr5aSEN2Eh9bUMZN8RoyrRbSkJzExxeUMVO80YyrhTTkJvEUgjJeijeSebWQhtQknkZQRkrx2vKsFiTl3PwFZZQUbyLfakFMzi1DUIaP3bbnXS2kIS+JJxWUgVO81gKrhTSkJfHEgjJo7Lar0GohDWFJPLWgDJfitRRdLaQhKomnF5ShUqgd4f60EJTEcxCUYVKovaVWC1qSeB6CMkAKNV52taAjieciKL2neGPlVwsakng+gtJvitfgZbUgP4nnJCh9pnijnlYL0pN4XoLSX0Yx4m21IDuJ5yYoPU24zedqQXISz09QeknxJvyuFuQm8RwFpZtcKZ731YLYJJ6loCyb4oVYLQhN4pkKynIpXpjVgsgknq2gLJFRBFstCAymGQvKwhlFwNWCuAmzFpQFU7ygqwVhSTxzQVkkxQu9WhCVxLMXlPlTvPCrBUFJvARBmW/JHmW1ICaJlyEo86R4kVYLQpJ4KYIy+5I92mpBRBIvR1BmTPFirhYkJPGCBGWmFWzc1UIa9Em8KEGZYQUbe7XAPYkXJijTVrAEqwXeSbw4QVk7xSNZLXBO4gUKyhopHtlqgW0SL1JQVk3xCFcLTJP4jX8ZPXy3/ifDFppvKRArKAVCkcQLFpQCiZ/EixaUAomdxAsXlAKJnMRLF5QCiZrEyxeUAomYxGsQlAKJlsTrEJQCiZTEaxGUAomSxOsRlBIJH0wLLSjVEHrCEJTUhE3iISjpCZnEQ1ByIFwSD0HJg2BJPAQlEwIl8RCUbAiSxENQMiJAEg9BaVQn8RCURnUSD0GpO4mHoNSdxENQ6k7iISh1J/EQlGzx8pR4CErlSTwEpe4kHoJSdxIPQak7iYeg1J3EQ1DqTuIhKHUn8RCUupN4CErdSTwEpe5gGoJS94QhKJUn8RCUupN4CErdSTwEpe4kHoJSdxIPQak7iYeg1J3EQ1DqTuIhKHUn8RCUupN4CErdSTwEpfIkHoJSdxIPQak7iYeg1J3EQ1DqTuIhKHUn8RCUupN4CErdSTwEpe4kHoJSdxIPQak7iYegVJ7EQ1AazSz/D76HoVW3eOQzAAAAAElFTkSuQmCC",
"position": "background"
}
}
}
],
"catalogs": {
"layouts": {
"records": [
{
"$schema": "https://openpresentation.org/schema/opf-layout/v1",
"id": "icon-grid",
"name": "Icon_Grid",
"label": "Icon Grid",
"summary": "Grid of icon+label pairs for features, capabilities, or categories. Scannable and visually clean.",
"description": "Grid of icon+label pairs for features, capabilities, or categories. Scannable and visually clean.",
"tags": [
"Features",
"Visual",
"Scannable"
],
"master": "Gallery",
"masterSlideIndex": 10,
"groupHash": "cc11071a10a86d6030bafccc63a9286625086c315defbce0ba4628be2eb34dcd",
"groupDefault": true,
"contentType": "Image",
"contentMultiple": "1x",
"contentAlignment": "Left",
"contentBox": false,
"contentTypeChartPrimary": "None",
"contentTypeImageFill": "Crop",
"contentTypeListBullet": "None",
"contentTypeListHeading": false,
"slideTitle": true,
"slideTitleAlignment": "Left",
"slideImage": true,
"slideImageAlignment": "Background",
"slideLayoutDirection": "Horizontal",
"zones": [
{
"role": "title",
"placeholder": "title"
},
{
"role": "picture",
"placeholder": "picture content 2"
}
],
"preview": {},
"details": "Grid of icon+label pairs for features, capabilities, or categories. Scannable and visually clean. OPF placeholders: title, picture.",
"category": "content-text",
"spatialCategory": "single zone",
"contentTypeTags": [
"mixed",
"image"
],
"placeholders": [
{
"type": "title"
},
{
"type": "picture"
}
],
"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.