49 lines
1.2 KiB
Markdown
49 lines
1.2 KiB
Markdown
# 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
|