Timelines Block
Roadmap Timeline
A phased roadmap block for product, strategy, or transformation plans.
roadmap-timeline1 slidebalanced density
Roadmap
Three phases to scale
Connect the vision to sequenced execution.
Now
Next
Later
OPF Config
blocks:roadmap-timelineOPF JSON
{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "Roadmap Timeline",
"description": "A phased roadmap block for product, strategy, or transformation plans.",
"tone": "formal",
"narrative": "vision-roadmap",
"takeaway": "Show phased execution from current work to future scale.",
"tags": [
"content-block",
"gallery:blocks/roadmap-timeline"
],
"design": {
"colorScheme": "boost",
"fontScheme": "grandview",
"background": {
"type": "pattern",
"pattern": {
"preset": "openDmnd",
"foregroundColor": "#e2e8f0",
"backgroundColor": "#faf8f5"
}
}
},
"slides": [
{
"id": "roadmap-timeline",
"layout": "timeline",
"title": "Three phases to scale",
"subtitle": "Now, next, and later execution path.",
"timeline": {
"events": [
{
"what": "Now: prove the workflow"
},
{
"what": "Next: scale the surface"
},
{
"what": "Later: expand the ecosystem"
}
]
}
}
],
"catalogs": {
"default": {
"source": "https://www.pptx.gallery",
"narratives": {
"vision-roadmap": {
"name": "Vision to Roadmap",
"summary": "Connects a compelling long-term vision to near-term executable plans, bridging aspiration and action.",
"description": "Connects a compelling long-term vision to near-term executable plans, bridging aspiration and action. Open with a specific three-to-five-year North Star, honestly diagnose the gap between today and that vision, organize the strategy into two to four named pillars, show the phased roadmap with milestones and dependencies, and end with concrete, assigned first steps for the next 30-90 days. The tone is inspirational and strategic: it creates shared direction and commitment to a plan. Best for strategic planning, annual kickoffs, product strategy, and OKR launches; typical decks run 8-20 slides.",
"audienceFit": [
"leadership-teams",
"board",
"product-and-strategy-teams",
"all-hands"
],
"duration": {
"min": 15,
"max": 45
},
"tags": [
"strategy",
"roadmap",
"planning",
"vision"
],
"beats": [
{
"id": "vision",
"name": "Vision",
"description": "State the 3-5 year North Star. It should be specific, memorable, and directional rather than generic.",
"instructions": "Paint the future state clearly.",
"type": "text",
"layout": "cover"
},
{
"id": "current-state-gap",
"name": "Current State Gap",
"description": "Honestly assess where you are today versus the vision. The gap justifies the plan.",
"instructions": "Define the gap between today and the vision.",
"type": "text",
"layout": "two-column"
},
{
"id": "strategic-pillars",
"name": "Strategic Pillars",
"description": "Organize the strategy into 2-4 named priority themes. Each pillar should be independently compelling.",
"instructions": "Name the strategic pillars that close the gap.",
"type": "text",
"layout": "pillars"
},
{
"id": "roadmap",
"name": "Roadmap",
"description": "Show the phased execution plan with timeframes, milestones, and dependencies. Gantt or swim lane formats work well.",
"instructions": "Sequence the initiatives over time.",
"type": "timeline",
"layout": "timeline"
},
{
"id": "first-steps",
"name": "First Steps",
"description": "Close with concrete, assigned actions for the next 30-90 days. Remove the gap between inspiration and execution.",
"instructions": "Identify the immediate moves that start execution.",
"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": {
"boost": {
"name": "Boost",
"accent1": "#FD3223",
"accent2": "#0308DB",
"accent3": "#4F4955",
"accent4": "#A1DB30",
"accent5": "#0682FE",
"accent6": "#FC03BE",
"dark1": "#000000",
"dark2": "#2C2C2C",
"followedHyperlink": "#CC00CC",
"hyperlink": "#0066CC",
"light1": "#FFFFFF",
"light2": "#EFEFEF",
"summary": "High-energy digital accents for demos and launch moments.",
"description": "A vivid blue-red digital palette with bright chart accents. Best for product stories that need strong on-screen presence.",
"tags": [
"digital",
"bold",
"high-energy",
"modern",
"technical"
]
}
},
"fontSchemes": {
"grandview": {
"name": "Grandview",
"app": "powerpoint",
"languageFamily": "latin",
"languages": [],
"major": "Grandview Display",
"minor": "Grandview",
"textSample": "Bold road sign",
"type": "sans-serif",
"description": "Grandview is a sans serif OPF font scheme for Latin presentations, using Grandview Display for headings with Grandview 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 a plan needs to show sequence, timing, and maturity over phases.
When to Use
For product roadmaps, transformation plans, launch paths, and strategy execution.
When to Avoid
Avoid for detailed project management where a Gantt-style plan is required.
Block Structure
timeline
Three phases to scale
Now, next, and later execution path.
- -Now: prove the workflow
- -Next: scale the surface
- -Later: expand the ecosystem
Best Practices
1
Use phases rather than overloaded dates when timing is fluid.
2
Make dependencies visible.
3
Tie each phase to a measurable outcome.
Playground deep link: config=blocks:roadmap-timeline