Layout Pattern
Title Left SlideImage Top
Title Left SlideImage Top OPF layout for cover, opener, or section slides.
TitleTitledSlide image
How to Use It
Title Left SlideImage Top OPF layout for cover, opener, or section slides. OPF placeholders: title, subtitle.
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.
Openers Navigation
Title Center SlideImage
Title Center SlideImage OPF layout for cover, opener, or section slides.
/layouts/title-center-slideimage
Openers Navigation
Title Center SlideImage Bottom
Title Center SlideImage Bottom OPF layout for cover, opener, or section slides.
/layouts/title-center-slideimage-bottom
Openers Navigation
Title Center SlideImage Top
Title Center SlideImage Top OPF layout for cover, opener, or section slides.
/layouts/title-center-slideimage-top
Openers Navigation
Title Left SlideImage
Title Left SlideImage OPF layout for cover, opener, or section slides.
/layouts/title-left-slideimage
Openers Navigation
Title Left SlideImage Bottom
Title Left SlideImage Bottom OPF layout for cover, opener, or section slides.
/layouts/title-left-slideimage-bottom
Openers Navigation
Title Left SlideImage Left
Title Left SlideImage Left OPF layout for cover, opener, or section slides.
/layouts/title-left-slideimage-left
OPF Config
layouts:title-left-slideimage-topOpen Presentation Format
{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "PPTX.gallery — layouts/title-left-slideimage-top",
"tags": [
"gallery:layouts/title-left-slideimage-top"
],
"slides": [
{
"id": "gallery-preview-1",
"layout": "title-left-slideimage-top",
"title": "Title Left SlideImage Top",
"subtitle": "A clear message with supporting context.",
"design": {
"contentBox": false,
"titleAlignment": "left",
"slideImage": {
"src": "data:image/png;base64,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",
"position": "top"
}
}
}
],
"catalogs": {
"layouts": {
"records": [
{
"$schema": "https://openpresentation.org/schema/opf-layout/v1",
"id": "title-left-slideimage-top",
"name": "Title_Left_SlideImage_Top",
"label": "Title Left SlideImage Top",
"contentAlignment": "None",
"contentBox": false,
"contentMultiple": "None",
"contentTypeChartPrimary": "None",
"contentTypeImageFill": "None",
"contentTypeListBullet": "None",
"contentTypeListHeading": false,
"contentType": "Title",
"groupDefault": false,
"groupHash": "99631b7d1ba4aa540bdcab9dded3afe5adc514b1f8f1078560ab81e06c52c5e9",
"master": "Dark",
"masterSlideIndex": 8,
"slideImage": true,
"slideImageAlignment": "Top",
"slideLayoutDirection": "None",
"slideTitle": true,
"slideTitleAlignment": "Left",
"summary": "Canonical OPF title title slide image layout.",
"description": "Title Left SlideImage Top OPF layout for cover, opener, or section slides.",
"tags": [
"Title",
"Titled",
"Slide image"
],
"preview": {},
"details": "Title Left SlideImage Top OPF layout for cover, opener, or section slides. OPF placeholders: title, subtitle.",
"category": "openers-navigation",
"zones": [
{
"role": "title",
"placeholder": "title"
},
{
"role": "subtitle",
"placeholder": "subtitle"
}
],
"spatialCategory": "hero",
"contentTypeTags": [
"mixed",
"title"
],
"placeholders": [
{
"type": "title"
},
{
"type": "subtitle"
}
],
"slideSubtitle": true
}
]
}
}
}Open in OPF PlaygroundOpen in visual editor
Preview this config live at pptx.dev/playground, or load it in the gallery visual editor.