Comparisons Block
Before After Story
A transformation block that contrasts current state with improved future state.
before-after-story1 slidebalanced density
Before / After
From manual handoffs to guided flow
Show contrast around a single axis of improvement.
Before
Before
After
After
OPF Config
blocks:before-after-storyOPF JSON
{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "Before After Story",
"description": "A transformation block that contrasts current state with improved future state.",
"tone": "persuasive",
"narrative": "change-story",
"takeaway": "Make a transformation visible through current and future states.",
"tags": [
"content-block",
"gallery:blocks/before-after-story"
],
"design": {
"colorScheme": "golden-yellow",
"fontScheme": "poppins",
"background": {
"type": "gradient",
"gradient": {
"angle": 135,
"stops": [
{
"color": "#fffaf0",
"position": 0
},
{
"color": "#f7fafc",
"position": 1
}
]
}
}
},
"slides": [
{
"id": "before-after-story",
"layout": "comparison",
"title": "From manual handoffs to guided flow",
"subtitle": "A clear contrast between current and future state.",
"items": [
"Before: fragmented, slow, hard to measure",
"After: guided, faster, measurable"
]
}
],
"catalogs": {
"default": {
"source": "https://www.pptx.gallery",
"narratives": {
"change-story": {
"name": "Change Story",
"summary": "A change management narrative that addresses the emotional and rational objections employees face when asked to change.",
"description": "A change management narrative that addresses the emotional and rational objections people face when asked to change. Establish the burning platform, explain why the timing is urgent, show the chosen path and the alternatives it was chosen over, make the stakes concrete for the organization, the team, and individuals, and close on a shared vision in which the audience is the protagonist. The tone is motivational and empathetic: it acknowledges that change is hard while building conviction. Best for organizational change, transformation announcements, restructuring communications, and all-hands meetings; typical decks run 8-15 slides.",
"audienceFit": [
"employees",
"team-leads",
"cross-functional-teams"
],
"duration": {
"min": 15,
"max": 45
},
"tags": [
"change-management",
"transformation",
"internal",
"alignment"
],
"beats": [
{
"id": "why-change",
"name": "Why Change",
"description": "Acknowledge the current state and the external or internal forces requiring change. Don't skip the burning platform.",
"instructions": "Explain why the current state cannot continue.",
"type": "text",
"layout": "two-column"
},
{
"id": "why-now",
"name": "Why Now",
"description": "Explain the urgency. What changes if we wait? What window is closing?",
"instructions": "Make the timing urgent and concrete.",
"type": "metric",
"layout": "metrics"
},
{
"id": "why-this-way",
"name": "Why This Way",
"description": "Show that alternatives were considered. Build trust by demonstrating thoughtful decision-making.",
"instructions": "Describe the proposed path and why it fits.",
"type": "timeline",
"layout": "timeline"
},
{
"id": "whats-at-stake",
"name": "What's at Stake",
"description": "Make consequences concrete for the organization, the team, and individuals. Avoid abstract language.",
"instructions": "Show the risks and rewards attached to the choice.",
"type": "text",
"layout": "two-column"
},
{
"id": "how-we-win-together",
"name": "How We Win Together",
"description": "Paint a shared vision of success. Make the audience the protagonist of the new story.",
"instructions": "Close with shared ownership and first commitments.",
"type": "text",
"layout": "list"
}
]
}
},
"tones": {
"persuasive": {
"name": "Persuasive",
"summary": "Argument-led voice for sales, fundraising, and recommendation-driven decks.",
"description": "Frame every section as an argument that builds toward an ask. Surface objections, answer them, and pair claims with the strongest available proof. Read more like a memo than a report.",
"voiceCues": [
"Lead each section with the claim it's making.",
"Surface the strongest counter-argument and address it.",
"Pair every claim with proof — customer, benchmark, or analyst.",
"End on a clear ask with named owner and date."
],
"avoid": [
"Buried leads.",
"Symmetrical 'on one hand / on the other' framing without a verdict.",
"Information for its own sake — every chart should advance the argument.",
"Passive endings without a clear ask."
],
"samplePhrases": [
"Adopting our runtime cuts inference latency 8× while preserving accuracy.",
"The most common objection — 'we'll be locked in' — is addressed by our open OPF spec.",
"We're asking for a $30M Series B to ship into the enterprise tier."
],
"recommendedNarratives": [
"pitch-deck",
"venture-pitch",
"early-startup-pitch",
"persuasive-sales",
"project-proposal"
],
"tags": [
"sales",
"pitch",
"argumentative"
]
}
},
"colorSchemes": {
"golden-yellow": {
"name": "Golden Yellow",
"accent1": "#FCC82B",
"accent2": "#44ADAD",
"accent3": "#3E506B",
"accent4": "#E23A59",
"accent5": "#0F5E8C",
"accent6": "#EFECCA",
"dark1": "#000000",
"dark2": "#3D2E02",
"followedHyperlink": "#44ADAD",
"hyperlink": "#E23A59",
"light1": "#FFFFFF",
"light2": "#FEFCF0",
"summary": "Bright yellow and teal accents for optimistic, high-visibility decks.",
"description": "A warm yellow palette balanced by teal and navy. It is expressive, optimistic, and useful for bright public-facing stories.",
"tags": [
"optimistic",
"bright",
"friendly",
"creative",
"visible"
]
}
},
"fontSchemes": {
"poppins": {
"name": "Poppins",
"app": "google-slides",
"languageFamily": "latin",
"languages": [],
"major": "Poppins",
"minor": "Poppins",
"textSample": "Clean and readable",
"type": "sans-serif",
"description": "Poppins is a sans serif OPF font scheme for Latin presentations, using Poppins for both headings and body text."
}
},
"layouts": {
"comparison": {
"name": "Comparison",
"summary": "Two options side by side (before and after, pros and cons, us and them), with an optional verdict.",
"tags": [
"Groups of items"
],
"design": {
"contentBox": false
},
"direction": "column",
"regions": [
{
"name": "title"
},
{
"direction": "row",
"size": "auto",
"regions": [
{
"name": "first",
"accepts": [
"text",
"list",
"metric",
"image",
"chart",
"table",
"group"
],
"role": "primary",
"flow": "none"
},
{
"name": "second",
"accepts": [
"text",
"list",
"metric",
"image",
"chart",
"table",
"group"
],
"role": "primary",
"flow": "none"
}
]
},
{
"name": "verdict",
"size": "auto",
"accepts": [
"text"
],
"role": "supporting",
"flow": "none"
}
],
"description": "Compare alternatives using parallel information. Keep the same criteria and level of detail for every option.",
"preview": {
"vectorSrc": "https://www.pptx.gallery/layout-previews/comparison.svg"
}
}
}
}
}
}Open in visual editorOpen in Inspector
Load this config in the gallery's visual editor, or in the Inspector at pptx.dev.
Use Case
Use when the deck needs to make change tangible.
When to Use
For transformation, product, process, and case-study narratives.
When to Avoid
Avoid when the change is incremental and a timeline would be clearer.
Block Structure
comparison
From manual handoffs to guided flow
A clear contrast between current and future state.
- -Before: fragmented, slow, hard to measure
- -After: guided, faster, measurable
Best Practices
1
Use the same criteria on both sides.
2
Avoid turning each side into a dense list.
3
Make the improvement measurable where possible.
Playground deep link: config=blocks:before-after-story