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

Use Milestone Timeline in your next deck — for free

STORYD writes a presentation around your topic and applies Milestone Timeline across every slide. No template hunting, no copy-paste.

Build a deck with Milestone Timeline →

Free, no card. Exports to PPTX.

OPF Config

blocks:milestone-timeline

Open Presentation Format

{
  "$schema": "https://pptx.dev/schema/opf/v1",
  "version": "1.0",
  "meta": {
    "title": "Milestone Timeline",
    "subtitle": "A milestone block for showing progress across important dates or releases.",
    "purpose": "Show progress across important project or launch milestones.",
    "narrative": {
      "id": "what-so-what-now-what"
    },
    "keyMessages": [
      "Completed work is visible.",
      "Current work is clear.",
      "Next milestone is named."
    ],
    "tone": "formal",
    "tags": [
      "content-block",
      "milestone-timeline"
    ]
  },
  "design": {
    "colors": {
      "scheme": "steel-blue"
    },
    "fonts": {
      "scheme": "segoe-ui"
    },
    "background": {
      "type": "solid",
      "color": "#ffffff"
    },
    "layoutPreferences": {
      "density": "balanced",
      "alignment": "left",
      "animations": false,
      "slideNumbers": false
    }
  },
  "slides": [
    {
      "id": "milestone-timeline",
      "layout": "timeline",
      "section": "Milestone Timeline",
      "elements": [
        {
          "id": "milestone-timeline-title",
          "type": "text",
          "slot": "title",
          "content": {
            "text": "Progress with visible handoffs"
          },
          "style": {
            "fontSize": 34,
            "alignment": "left"
          }
        },
        {
          "id": "milestone-timeline-subtitle",
          "type": "text",
          "slot": "subtitle",
          "content": {
            "text": "Completed, active, and upcoming milestones."
          },
          "style": {
            "fontSize": 16,
            "lineHeight": 1.3
          }
        },
        {
          "id": "milestone-timeline-points",
          "type": "text",
          "slot": "body",
          "content": {
            "bullets": [
              "Shipped: beta cohort",
              "Active: integration build",
              "Next: public launch"
            ]
          },
          "style": {
            "fontSize": 15,
            "lineHeight": 1.25
          }
        }
      ],
      "notes": "A milestone block for showing progress across important dates or releases."
    }
  ]
}

Open in OPF Playground

Preview this config live at pptx.dev/playground.

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.

Constituent References

Layout

Timeline

timeline

Color Scheme

Steel Blue

steel-blue

Font Scheme

Segoe UI

segoe-ui

Background

Solid Color

solid-color

Narrative

What-So What-Now What

what-so-what-now-what

Block Structure

timeline

Progress with visible handoffs

Completed, active, and upcoming milestones.

-Shipped: beta cohort
-Active: integration build
-Next: public launch

Best Practices

Use status labels consistently.

Do not crowd more than six milestones.

Name the owner or handoff if accountability matters.

Playground deep link: config=blocks:milestone-timeline