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

OPF Config

layouts:screenshot-walkthrough

Open Presentation Format

{
  "$schema": "https://pptx.dev/schema/opf/v1",
  "version": "1.0",
  "meta": {
    "title": "PPTX.gallery — layouts/screenshot-walkthrough"
  },
  "design": {},
  "slides": [
    {
      "id": "gallery-preview-1",
      "layout": "screenshot-walkthrough",
      "elements": []
    }
  ]
}

Open in OPF Playground

Preview this config live at pptx.dev/playground.

View registry.json