Slide Layouts

The Foundation of Every Great Presentation

Layouts determine how your audience processes information. Choose structures that serve your content and guide viewers through your narrative with clarity and purpose, from conceptual archetypes to exact OPF layout slugs.

Core layout paths

Start with the most common presentation structures before filtering the full OPF catalog.

two-column

Two columns

Place two bodies of content beside each other. Use it for paired explanations or an argument with supporting evidence. Pictures remain visible in full unless an explicit fit overrides the layout default.

chart

Chart

Give a chart enough space to show its evidence. Use the title to state the conclusion and labels to explain the measures.

quote

Quote

Highlight a quotation and its source. Use the attribution to explain who said it and why their perspective matters.

Find a layout

Category

Content type

Showing 30 of 30 layouts.

cover layout example

Cover

Open a presentation with its subject and a short introduction. Add a picture when it helps establish the context.

ImageOpeners and closers

Editor Inspector

section layout example

Section

Introduce the next part of a presentation. Use the subtitle to connect the new section to the overall argument.

TitleOpeners and closers

Editor Inspector

agenda layout example

Agenda

Set expectations by listing the parts of a talk. Longer agendas flow across columns while preserving their order.

ListOpeners and closers

Editor Inspector

agenda-split layout example

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.

ListOpeners and closers

Editor Inspector

statement layout example

Statement

Give one important assertion room to stand alone. Keep supporting detail on a following slide.

TextOpeners and closers

Editor Inspector

closing layout example

Closing

End with the action the audience should take. Include contact details or a brief thank-you when useful.

TextOpeners and closers

Editor Inspector

text layout example

Text

Explain one idea in continuous prose. Use paragraphs or flowing blocks for detail that needs to be read in sequence.

Editor Inspector

list layout example

List

Present several related points in a clear sequence. Use bullets for independent points or numbered items for an ordered list.

Editor Inspector

quote layout example

Quote

Highlight a quotation and its source. Use the attribution to explain who said it and why their perspective matters.

Editor Inspector

two-column layout example

Two columns

Place two bodies of content beside each other. Use it for paired explanations or an argument with supporting evidence. Pictures remain visible in full unless an explicit fit overrides the layout default.

Editor Inspector

three-column layout example

Three columns

Place three independent bodies of content beside each other. Keep equivalent comparisons parallel and use fewer columns when content needs more width. Pictures remain visible in full unless an explicit fit overrides the layout default.

Editor Inspector

pillars layout example

Pillars

Show the main themes or principles behind an idea. Give each item a short heading and a comparable amount of detail.

TextGroups of items

Editor Inspector

comparison layout example

Comparison

Compare alternatives using parallel information. Keep the same criteria and level of detail for every option.

TextGroups of items

Editor Inspector

process layout example

Process

Explain an ordered sequence of steps. Give each step a clear action and enough context to understand the transition.

TimelineGroups of items

Editor Inspector

timeline layout example

Timeline

Show events or milestones in chronological order. Label each item with a date or stage and a concise description.

TimelineGroups of items

Editor Inspector

faq layout example

FAQ

Answer the questions an audience is likely to ask. Pair each question with a direct answer and group related questions together.

ListGroups of items

Editor Inspector

metrics layout example

Metrics

Highlight a small set of important numbers. Give each number a label and the context needed to interpret it.

Editor Inspector

scorecard layout example

Scorecard

Summarize performance across comparable measures. State the criteria consistently so the audience can assess the result.

Editor Inspector

image layout example

Image

Let one picture carry the message, shown whole at its own proportions rather than cropped. Add a short title or caption to explain what the audience should notice. For a full-bleed crop, set the image block's fit to cover.

Editor Inspector

image-beside layout example

Image beside

Explain a visual alongside its supporting text. Use the text to direct attention to the meaningful parts of the image.

Editor Inspector

gallery layout example

Gallery

Show several related visuals together. Use consistent captions and ordering to make the relationship between them clear.

Editor Inspector

chart layout example

Chart

Give a chart enough space to show its evidence. Use the title to state the conclusion and labels to explain the measures.

Editor Inspector

chart-beside layout example

Chart beside

Pair a chart with an explanation of its result. Keep the text focused on the pattern or decision supported by the data.

Editor Inspector

table layout example

Table

Present structured data that benefits from precise comparison. Use clear row and column headings and concise cell content.

Editor Inspector

table-beside layout example

Table beside

Place a table beside its interpretation. Use the supporting text to explain the conclusion without repeating every cell.

Editor Inspector

code layout example

Code

Show a code example or technical excerpt. Keep the excerpt focused and use the title or caption to explain its purpose.

Editor Inspector

hero layout example

Hero

Combine a prominent visual or message with supporting content. Use it when one element should lead the audience into the details.

Editor Inspector

dashboard layout example

Dashboard

Bring several related measures and visuals into one overview. Keep labels and units consistent so the audience can scan the state quickly.

Editor Inspector

team layout example

Team

Introduce people and their roles. Use consistent names, descriptions and portraits when available.

Editor Inspector

logos layout example

Logos

Present organizations, partners or customers as a group. Use a consistent visual scale and add context when the relationship is not obvious.

Editor Inspector