Layout Pattern
Code 1x
A title above one code block with a text block beside it. Use it for an API call, a configuration or a short listing and the explanation that goes with it.
How to Use It
A title above one code block with a text block beside it. Use it for an API call, a configuration or a short listing and the explanation that goes with it. OPF placeholders: title, code, text.
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.
Content Text
Media 1x
A title above one video with a text block beside it. Use it for a product demo, a customer clip or a recording the audience should watch.
/layouts/media-1x
Content Text
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.
/layouts/image-1x
Content Text
Table 1x
A title above one table with a text block beside it. Use it for a comparison across several attributes, a schedule or a reference grid.
/layouts/table-1x
Content Text
Text 2x
A title above two text blocks in a row. Use it to pair two explanations, set a problem next to its answer, or compare two options in sentences.
/layouts/text-2x
Content Text
Two Column
Content split into two equal columns for comparing concepts or showing related information side by side.
/layouts/two-column
Content Text
Appendix Index
Divider slide listing the backup and appendix sections that follow. Signals the main deck is over.
/layouts/appendix-index
OPF Config
layouts:code-1x{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "PPTX.gallery — layouts/code-1x",
"tags": [
"gallery:layouts/code-1x"
],
"slides": [
{
"id": "gallery-preview-1",
"layout": "code-1x",
"title": "Code 1x",
"blocks": [
{
"code": {
"source": "const result = 42;",
"language": "javascript"
}
},
{
"text": "Explain the evidence."
}
]
}
]
}Load this config in the gallery's visual editor, or in the Inspector at pptx.dev.