Layout Pattern
Cover
Open a presentation with its subject and a short introduction. Add a picture when it helps establish the context.
How to Use It
Open a presentation with its subject and a short introduction. Add a picture when it helps establish the context.
Preview + source
Explore this layout
Open with one clear message and a supporting visual; keep detailed evidence for later.
All people, quotations and business figures in these examples are illustrative.
This prepared preview and the OPF describe the same example. Region outlines show measured allocation; toggling them does not change the slide.
Inspect compact default-catalog references. Your host must register the matching catalog; source identifies it without fetching over the network. Copy always includes complete embedded records.
{5 keys
"design": {2 keys
"footer": {1 key
"left": {1 key
"slides": [1 item
{4 keys
"blocks": [1 item
{2 keys
"image": {2 keys
"catalogs": {1 key
"default": {1 key
Regions, in reading order
This layout is one list of 2 regions, declared once. The list runs as a row; a split nests a list that runs the other way. Each size is a share of its parent’s width (row) or height (column).
Schematic of the list: each box is drawn in proportion to its size; an auto entry gets a fixed band. Dashed boxes are heading regions.
Row, side by side, left to right. No anchor is written on the layout: body regions start at the top unless they set their own.
- 1title50%
size 1: 50% of the width
Heading region: holds the slide’s title, with its tag and subtitle. It takes a size and no content rules.
- 2media50%
size 1: 50% of the width
- Accepts
- imagevideo
- Role
- media
- Flow
- none, up to 1 block
- Anchor
- top (default)
- Also
- bleeds to the slide edge
Layout structure and reference fields
How automatic composition differs
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 boxes.
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 And Closers
Closing
End with the action the audience should take. Include contact details or a brief thank-you when useful.
/layouts/closing
Visuals
Gallery
Show several related visuals together. Use consistent captions and ordering to make the relationship between them clear.
/layouts/gallery
Visuals
Image
Let one picture carry the message. A photo close to the frame's shape fills it with a light crop (at most 7.5% off each edge); any other picture, a diagram or an SVG is shown whole at its own proportions (fit auto). Add a short title or caption to explain what the audience should notice. For a full-bleed crop of any picture, set the image block's fit to cover; to never crop, contain.
/layouts/image
Openers And Closers
Agenda
Set expectations by listing the parts of a talk. Longer agendas flow across columns while preserving their order.
/layouts/agenda
Openers And Closers
Agenda beside
Introduce a concise agenda with the title and introduction on one side and the parts of the talk beside them. Use Agenda for detailed entries that need the full slide width.
/layouts/agenda-split
Mixed
Logos
Present organizations, partners or customers as a group. Use a consistent visual scale and add context when the relationship is not obvious.
/layouts/logos