PPTX.gallery
Open in PPTX.dev
ThemesColorsTypeLayoutsNarrativesChartsDocs

Layout Pattern

Before & After

Two-panel layout showing transformation. Proves impact by making change visible and concrete.

TransformationProofImpact

How to Use It

Before/after layouts are persuasion engines. The contrast does the arguing for you. Use consistent framing between panels - same angle, same metrics, same structure. Label clearly (Before/After, Old/New, Problem/Solution). Add a dividing line or arrow to emphasize the transformation. Include a metric callout between the panels.

Content Zones

TitleSlide title
BodyPrimary content

Related Layouts

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

Visual Storytelling

Case Study

Three-panel narrative of Challenge, Solution, and Impact. Turns a customer story into proof.

/layouts/case-study

Visual Storytelling

Architecture Stack

Layered diagram of a system from foundation to user-facing. Classic for tech stacks and capability layers.

/layouts/architecture-stack

Visual Storytelling

Circular Lifecycle

Stages arranged in a closed loop. Shows processes that repeat rather than end.

/layouts/circular-lifecycle

Visual Storytelling

Hub and Spoke

Central node with radiating connections. Shows one-to-many relationships clearly.

/layouts/hub-and-spoke

Visual Storytelling

Testimonial Grid

Multiple customer or stakeholder quotes in a grid. Builds social proof through volume and diversity.

/layouts/testimonial-grid

Visual Storytelling

Wheel / Radial Model

Circular frame with segments around a central theme. Good for frameworks with equal-weight components.

/layouts/wheel-radial

OPF Config

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

Preview this config live at pptx.dev/playground.

View registry.json