Timelines Block
Milestone Timeline
A milestone block for showing progress across important dates or releases.
milestone-timeline1 slidebalanced density
Milestones
Progress with visible handoffs
Show completed, active, and upcoming milestones.
Shipped
Active
Next
OPF Config
blocks:milestone-timelineOPF JSON
{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "Milestone Timeline",
"description": "A milestone block for showing progress across important dates or releases.",
"tone": "formal",
"narrative": "what-so-what-now-what",
"takeaway": "Show progress across important project or launch milestones.",
"tags": [
"content-block",
"gallery:blocks/milestone-timeline"
],
"design": {
"colorScheme": "steel-blue",
"fontScheme": "segoe-ui",
"background": {
"type": "solid",
"color": "#ffffff"
}
},
"slides": [
{
"id": "milestone-timeline",
"layout": "timeline",
"title": "Progress with visible handoffs",
"subtitle": "Completed, active, and upcoming milestones.",
"timeline": {
"events": [
{
"what": "Shipped: beta cohort"
},
{
"what": "Active: integration build"
},
{
"what": "Next: public launch"
}
]
}
}
],
"catalogs": {
"default": {
"source": "https://www.pptx.gallery",
"narratives": {
"what-so-what-now-what": {
"name": "What-So What-Now What",
"summary": "Concise framework that connects information to meaning to action. Perfect for executive audiences.",
"description": "A concise framework that connects information to meaning to action. Present the facts or findings objectively, explain why they matter to this audience, then state the decisions or next steps they require. The tone is analytical: data-forward and respectful of executive time, with no scene-setting beyond what the facts need. Best for executive briefings, status updates, and research findings; typical decks run 3-6 slides (analytics report, team performance review, strategy update).",
"audienceFit": [
"executive",
"senior-managers",
"board"
],
"duration": {
"min": 5,
"max": 15
},
"tags": [
"executive",
"briefing",
"analytical",
"action"
],
"beats": [
{
"id": "what",
"name": "What",
"description": "Present the facts, data, or findings objectively and clearly.",
"instructions": "Present the facts, data, or findings objectively and clearly.",
"type": "chart",
"layout": "chart"
},
{
"id": "so-what",
"name": "So What",
"description": "Explain the significance. Why should your audience care about this information?",
"instructions": "Explain the significance. Why should your audience care about this information?",
"type": "metric",
"layout": "metrics"
},
{
"id": "now-what",
"name": "Now What",
"description": "Define the action required. What decisions or next steps follow from this?",
"instructions": "Define the action required. What decisions or next steps follow from this?",
"type": "text",
"layout": "list"
}
]
}
},
"tones": {
"formal": {
"name": "Formal",
"summary": "Polished, restrained voice for board, investor, and regulator audiences.",
"description": "Authoritative without being cold. Use third-person constructions, full sentences, and concrete numbers. Avoid hedges and humor that depend on shared in-jokes; rely on clarity and precision to land.",
"voiceCues": [
"Use third person and the corporate 'we' sparingly.",
"Lead with the recommendation, then evidence.",
"Quote concrete numbers; avoid round-tripping ranges.",
"Prefer full sentences to bullet fragments on key claims."
],
"avoid": [
"Slang, idioms, or in-jokes.",
"Hedging language ('maybe', 'sort of', 'I think').",
"Marketing superlatives ('world-class', 'best-in-class').",
"Excessive emoji or exclamation points."
],
"samplePhrases": [
"Q4 revenue grew 18% year over year, led by enterprise expansion.",
"We recommend approving the Series B raise at $30M.",
"Net retention was 124%; gross retention was 96%."
],
"recommendedNarratives": [
"board-meeting",
"qbr",
"scqa",
"strategic-narrative"
],
"tags": [
"business",
"executive",
"formal"
]
}
},
"colorSchemes": {
"steel-blue": {
"name": "Steel Blue",
"accent1": "#4A66AC",
"accent2": "#629DD1",
"accent3": "#297FD5",
"accent4": "#7F8FA9",
"accent5": "#5AA2AE",
"accent6": "#9D90A0",
"dark1": "#000000",
"dark2": "#182238",
"followedHyperlink": "#3EBBF0",
"hyperlink": "#9454C3",
"light1": "#FFFFFF",
"light2": "#EAEDF6",
"summary": "Cool steel blues for credible, data-forward presentations.",
"description": "A steel-blue palette that combines credibility, precision, and calm. Useful for analysis-heavy decks.",
"tags": [
"calm",
"precise",
"measured",
"professional",
"analytical"
]
}
},
"fontSchemes": {
"segoe-ui": {
"name": "Segoe UI",
"app": "powerpoint",
"languageFamily": "latin",
"languages": [],
"major": "Segoe UI Semibold",
"minor": "Segoe UI",
"textSample": "Modern interface font",
"type": "sans-serif",
"description": "Segoe UI is a sans serif OPF font scheme for Latin presentations, using Segoe UI Semibold for headings with Segoe UI for body text."
}
},
"layouts": {
"timeline": {
"name": "Timeline",
"summary": "Dated events or a roadmap along one axis, with optional notes.",
"tags": [
"Groups of items"
],
"direction": "column",
"regions": [
{
"name": "title"
},
{
"name": "timeline",
"accepts": [
"timeline"
],
"role": "primary",
"flow": "none"
},
{
"name": "notes",
"size": "auto",
"accepts": [
"text",
"list",
"metric"
],
"role": "supporting",
"flow": "auto"
}
],
"description": "Show events or milestones in chronological order. Label each item with a date or stage and a concise description.",
"preview": {
"vectorSrc": "https://www.pptx.gallery/layout-previews/timeline.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 stakeholders need to see what has happened and what comes next.
When to Use
For project updates, launches, investor updates, and program reviews.
When to Avoid
Avoid when the story is about workstreams rather than dates.
Block Structure
timeline
Progress with visible handoffs
Completed, active, and upcoming milestones.
- -Shipped: beta cohort
- -Active: integration build
- -Next: public launch
Best Practices
1
Use status labels consistently.
2
Do not crowd more than six milestones.
3
Name the owner or handoff if accountability matters.
Playground deep link: config=blocks:milestone-timeline