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

OPF Config

layouts:before-after

Open Presentation Format

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

Open in OPF Playground

Preview this config live at pptx.dev/playground.

View registry.json