PPTX.gallery
Open in PPTX.dev
ThemesColorsTypeLayoutsNarrativesChartsDocs

Layout Pattern

Timeline

Horizontal or vertical progression showing events, milestones, or phases in chronological order.

ChronologyProgressMilestones

How to Use It

Timelines give structure to narratives that span time - roadmaps, project histories, company milestones. Use a clear horizontal line with evenly spaced nodes. Alternate details above and below the line to prevent crowding. Highlight the current moment or key milestone with color. Limit to 5-7 events per slide; split across slides if needed.

Content Zones

TitleSlide title
BodyPrimary content

Related Layouts

Similar OPF layout slugs with matching content types, spatial patterns, or presentation use cases.

Visual Storytelling

Process Flow

Step-by-step sequence with arrows or connectors. Shows how something works, from input to output.

/layouts/process-flow

Visual Storytelling

Architecture Stack

Layered diagram of a system from foundation to user-facing. Classic for tech stacks and capability layers.

/layouts/architecture-stack

Visual Storytelling

Before & After

Two-panel layout showing transformation. Proves impact by making change visible and concrete.

/layouts/before-after

Visual Storytelling

Case Study

Three-panel narrative of Challenge, Solution, and Impact. Turns a customer story into proof.

/layouts/case-study

Visual Storytelling

Circular Lifecycle

Stages arranged in a closed loop. Shows processes that repeat rather than end.

/layouts/circular-lifecycle

Visual Storytelling

Hub and Spoke

Central node with radiating connections. Shows one-to-many relationships clearly.

/layouts/hub-and-spoke

OPF Config

layouts:timeline
Open Presentation Format
{
  "$schema": "https://openpresentation.org/schema/opf/v1",
  "name": "PPTX.gallery — layouts/timeline",
  "tags": [
    "gallery:layouts/timeline"
  ],
  "slides": [
    {
      "id": "gallery-preview-1",
      "layout": "timeline",
      "title": "Layout preview",
      "subtitle": "Reference layout for the OPF \"timeline\" preset."
    }
  ]
}
Open in OPF Playground

Preview this config live at pptx.dev/playground.

View registry.json