Layout Pattern
Comparison
Side-by-side evaluation of two options, products, or states. Makes differences and advantages visually obvious.
How to Use It
Side-by-side evaluation of two options, products, or states. Makes differences and advantages visually obvious. OPF placeholders: title, list, list.
Content Zones
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.
Data Analysis
Pros / Cons
Two-column trade-off analysis. Transparent way to present an option without pretending it has no downsides.
/layouts/pros-cons
Text Explainer
List 2x
List 2x OPF layout with 2 list content zones.
/layouts/list-2x
Text Explainer
List 2x Box
List 2x Box OPF layout with 2 list content zones.
/layouts/list-2x-box
Text Explainer
List 2x Box SlideImage
List 2x Box SlideImage OPF layout with 2 list content zones.
/layouts/list-2x-box-slideimage
Text Explainer
List 2x Box Title Center
List 2x Box Title Center OPF layout with 2 list content zones and a slide title.
/layouts/list-2x-box-title-center
Text Explainer
List 2x Box Title Center SlideImage
List 2x Box Title Center SlideImage OPF layout with 2 list content zones and a slide title.
/layouts/list-2x-box-title-center-slideimage
OPF Config
layouts:comparison{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "PPTX.gallery — layouts/comparison",
"tags": [
"gallery:layouts/comparison"
],
"slides": [
{
"id": "gallery-preview-1",
"layout": "comparison",
"title": "Comparison",
"blocks": [
{
"items": [
"First point",
"Supporting detail",
"Next step"
]
},
{
"items": [
"First point",
"Supporting detail",
"Next step"
]
}
],
"design": {
"contentBox": true,
"contentAlignment": "left",
"titleAlignment": "left",
"contentDirection": "horizontal"
}
}
],
"catalogs": {
"layouts": {
"records": [
{
"$schema": "https://openpresentation.org/schema/opf-layout/v1",
"id": "comparison",
"name": "Comparison",
"label": "Comparison",
"summary": "Side-by-side evaluation of two options, products, or states. Makes differences and advantages visually obvious.",
"description": "Side-by-side evaluation of two options, products, or states. Makes differences and advantages visually obvious.",
"tags": [
"Versus",
"Evaluation",
"Decision"
],
"master": "Gallery",
"masterSlideIndex": 13,
"groupHash": "61da4244d1ace87e46e5e2ea3464bbc8a5934a47ee936886810a587df3fc96be",
"groupDefault": true,
"contentType": "List",
"contentMultiple": "2x",
"contentAlignment": "Left",
"contentBox": true,
"contentTypeChartPrimary": "None",
"contentTypeImageFill": "None",
"contentTypeListBullet": "None",
"contentTypeListHeading": false,
"slideTitle": true,
"slideTitleAlignment": "Left",
"slideImage": false,
"slideImageAlignment": "None",
"slideLayoutDirection": "Horizontal",
"zones": [
{
"role": "title",
"placeholder": "title"
},
{
"role": "list",
"placeholder": "list content 2"
},
{
"role": "list",
"placeholder": "list content 3"
}
],
"preview": {},
"details": "Side-by-side evaluation of two options, products, or states. Makes differences and advantages visually obvious. OPF placeholders: title, list, list.",
"category": "data-analysis",
"spatialCategory": "2 zone row",
"contentTypeTags": [
"comparison",
"mixed",
"list"
],
"placeholders": [
{
"type": "title"
},
{
"type": "list"
},
{
"type": "list"
}
],
"composition": {
"mode": "row"
},
"slideSubtitle": false
}
]
}
}
}Preview this config live at pptx.dev/playground, or load it in the gallery visual editor.