linear-progression

Sequential progression showing steps, timeline, or chronological events.

Structure

• Linear arrangement (horizontal or vertical)
• Nodes/markers at key points
• Connecting line or path between nodes
• Clear start and end points
• Directional flow indicators

Variants

Variant	Focus	Visual Emphasis
Timeline	Chronological events, dates	Time markers, period labels
Process	Action steps, numbered sequence	Step numbers, action icons

Best For

• Step-by-step tutorials and how-tos
• Historical timelines and evolution
• Project milestones and roadmaps
• Workflow documentation
• Onboarding processes

Visual Elements

• Numbered steps or date markers
• Arrows or connectors showing direction
• Icons representing each step/event
• Consistent node spacing
• Progress indicators optional

Text Placement

• Title at top
• Step/event titles at each node
• Brief descriptions below nodes
• Dates or numbers clearly visible

Recommended Pairings

• craft-handmade: Friendly tutorials and timelines
• ikea-manual: Clean assembly instructions
• corporate-memphis: Business process flows
• aged-academia: Historical discoveries