PPTX.gallery
Open in PPTX.dev
ThemesColorsTypeLayoutsNarrativesChartsDocs

Layout Pattern

Screenshot Walkthrough

Product screenshot with labeled callouts pointing to features. Shows the product in context, not in abstract.

ProductDemoUI

How to Use It

When talking about product, show it. Use a large, clean screenshot (80-90% of the slide) with numbered callouts pointing to specific UI elements. Each callout: number, short label (2-4 words), and an arrow. Limit to 3-5 callouts per screen - more becomes a scavenger hunt. Use a consistent callout style across the deck. Works for product launches, sales demos, training materials, and design reviews. Annotate actively - passive screenshots are wasted real estate.

Content Zones

TitleSlide title
BodyPrimary content

Related Layouts

Similar OPF layout slugs with matching content types, spatial patterns, or presentation use cases.

Business Strategic

Product Feature

Showcase a single feature with screenshot or visual plus benefit description. Zoom in on what matters most.

/layouts/product-feature

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

Business Strategic

Ecosystem / Stakeholder Map

Network of players around a central business, industry, or product. Shows who matters and how they connect.

/layouts/ecosystem-map

Business Strategic

Persona Grid

Grid of customer personas with attributes, needs, and priorities. Grounds strategy in real users.

/layouts/persona-grid

Business Strategic

Team / Bio

Grid of team members with photos, names, and roles. Humanizes your organization and builds credibility.

/layouts/team-bio

OPF Config

layouts:screenshot-walkthrough
Open Presentation Format
{
  "$schema": "https://openpresentation.org/schema/opf/v1",
  "name": "PPTX.gallery — layouts/screenshot-walkthrough",
  "tags": [
    "gallery:layouts/screenshot-walkthrough"
  ],
  "slides": [
    {
      "id": "gallery-preview-1",
      "layout": "screenshot-walkthrough",
      "title": "Layout preview",
      "subtitle": "Reference layout for the OPF \"screenshot-walkthrough\" preset."
    }
  ]
}
Open in OPF Playground

Preview this config live at pptx.dev/playground.

View registry.json