Layout Pattern
Image Bleed
Image Bleed from the standard OPF catalog.
How to Use It
Image Bleed from the standard OPF catalog. OPF placeholders: picture.
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
Icon Grid
Grid of icon+label pairs for features, capabilities, or categories. Scannable and visually clean.
/layouts/icon-grid
Content Text
Image 1x
Image 1x from the standard OPF catalog.
/layouts/image-1x
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:image-bleed{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "PPTX.gallery — layouts/image-bleed",
"tags": [
"gallery:layouts/image-bleed"
],
"slides": [
{
"id": "gallery-preview-1",
"layout": "image-bleed",
"image": {
"src": "data:image/png;base64,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",
"alt": "Illustrative landscape"
},
"composition": {
"padding": 0
},
"design": {
"contentBox": false,
"contentAlignment": "left",
"titleAlignment": "left",
"contentDirection": "horizontal"
}
}
]
}Preview this config live at pptx.dev/playground.