Story Framework
Sparkline
A tight comparison arc that shows the move from an inferior state to a superior one, anchored by contrast. Make the painful before state vivid, reveal the product, decision, or event that changes the trajectory, present the new reality in concrete terms, then prove it with data or testimonial. The tone is contrastive: it makes the gap between old and new viscerally clear. Best for product demos, case study summaries, ROI presentations, and before-and-after technology comparisons; typical decks run 4-6 slides.
Beat Diagram
- 1Before Statetwo-column / text
- 2Contrast Momentstatement / text
- 3After Statetext / text
- 4Proofmetrics / metric
OPF Config
narratives:sparkline{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "PPTX.gallery — narratives/sparkline",
"narrative": "sparkline",
"tags": [
"gallery:narratives/sparkline"
],
"slides": [
{
"id": "gallery-preview-1",
"layout": "text",
"title": "Narrative preview",
"subtitle": "Storyline scaffolded by the \"sparkline\" narrative."
}
],
"catalogs": {
"default": {
"source": "https://www.pptx.gallery",
"narratives": {
"sparkline": {
"name": "Sparkline",
"summary": "A tight comparison arc showing the transformation from an inferior state to a superior one, anchored by contrast.",
"description": "A tight comparison arc that shows the move from an inferior state to a superior one, anchored by contrast. Make the painful before state vivid, reveal the product, decision, or event that changes the trajectory, present the new reality in concrete terms, then prove it with data or testimonial. The tone is contrastive: it makes the gap between old and new viscerally clear. Best for product demos, case study summaries, ROI presentations, and before-and-after technology comparisons; typical decks run 4-6 slides.",
"audienceFit": [
"prospective-buyers",
"skeptical-stakeholders",
"evaluation-committees"
],
"duration": {
"min": 3,
"max": 15
},
"tags": [
"contrast",
"transformation",
"product",
"roi"
],
"beats": [
{
"id": "before-state",
"name": "Before State",
"description": "Make the current pain or limitation vivid with numbers, stories, or visuals that make the problem real.",
"instructions": "Make the current pain or limitation vivid.",
"type": "text",
"layout": "two-column"
},
{
"id": "contrast-moment",
"name": "Contrast Moment",
"description": "Introduce the change agent, product, or decision that shifts the trajectory.",
"instructions": "Introduce the decision, product, or event that changes the trajectory.",
"type": "text",
"layout": "statement"
},
{
"id": "after-state",
"name": "After State",
"description": "Show the improved reality. Make it concrete and specific instead of relying on vague benefit language.",
"instructions": "Show the new reality created by the change.",
"type": "text",
"layout": "text"
},
{
"id": "proof",
"name": "Proof",
"description": "Validate the after state with metrics, testimonials, or third-party evidence.",
"instructions": "Validate the change with evidence.",
"type": "metric",
"layout": "metrics"
}
]
}
},
"layouts": {
"text": {
"name": "Text",
"summary": "Prose. Several blocks sit side by side when short and stack when long.",
"tags": [
"Text"
],
"direction": "column",
"regions": [
{
"name": "title"
},
{
"name": "body",
"accepts": [
"text",
"list",
"quote",
"code",
"group"
],
"role": "primary",
"flow": "auto"
}
],
"description": "Explain one idea in continuous prose. Use paragraphs or flowing blocks for detail that needs to be read in sequence.",
"preview": {
"vectorSrc": "https://www.pptx.gallery/layout-previews/text.svg"
}
}
}
}
}
}Load this config in the gallery's visual editor, or in the Inspector at pptx.dev.
Pace
4-6 slides
3-15 minutes
4 beats, one slide each
Audience Fit
Tone
Contrastive - makes the gap between old and new viscerally clear.
Best For
Product demos, case study summaries, ROI presentations, before-and-after technology comparisons
Example Deck Types
Product demo, ROI summary, Technology comparison
Example
Show the painful before state vividly, reveal the moment of change, present the new reality, then prove it with data or testimonial.
Beat-by-Beat Guide
Before State
Make the current pain or limitation vivid with numbers, stories, or visuals that make the problem real.
Instruction: Make the current pain or limitation vivid.
Contrast Moment
Introduce the change agent, product, or decision that shifts the trajectory.
Instruction: Introduce the decision, product, or event that changes the trajectory.
After State
Show the improved reality. Make it concrete and specific instead of relying on vague benefit language.
Instruction: Show the new reality created by the change.
Proof
Validate the after state with metrics, testimonials, or third-party evidence.
Instruction: Validate the change with evidence.