references/layouts/linear-progression.md
1.3 KB查看排版效果| 1 | # linear-progression |
| 2 | |
| 3 | Sequential progression showing steps, timeline, or chronological events. |
| 4 | |
| 5 | ## Structure |
| 6 | |
| 7 | - Linear arrangement (horizontal or vertical) |
| 8 | - Nodes/markers at key points |
| 9 | - Connecting line or path between nodes |
| 10 | - Clear start and end points |
| 11 | - Directional flow indicators |
| 12 | |
| 13 | ## Variants |
| 14 | |
| 15 | | Variant | Focus | Visual Emphasis | |
| 16 | |---------|-------|-----------------| |
| 17 | | **Timeline** | Chronological events, dates | Time markers, period labels | |
| 18 | | **Process** | Action steps, numbered sequence | Step numbers, action icons | |
| 19 | |
| 20 | ## Best For |
| 21 | |
| 22 | - Step-by-step tutorials and how-tos |
| 23 | - Historical timelines and evolution |
| 24 | - Project milestones and roadmaps |
| 25 | - Workflow documentation |
| 26 | - Onboarding processes |
| 27 | |
| 28 | ## Visual Elements |
| 29 | |
| 30 | - Numbered steps or date markers |
| 31 | - Arrows or connectors showing direction |
| 32 | - Icons representing each step/event |
| 33 | - Consistent node spacing |
| 34 | - Progress indicators optional |
| 35 | |
| 36 | ## Text Placement |
| 37 | |
| 38 | - Title at top |
| 39 | - Step/event titles at each node |
| 40 | - Brief descriptions below nodes |
| 41 | - Dates or numbers clearly visible |
| 42 | |
| 43 | ## Recommended Pairings |
| 44 | |
| 45 | - `craft-handmade`: Friendly tutorials and timelines |
| 46 | - `ikea-manual`: Clean assembly instructions |
| 47 | - `corporate-memphis`: Business process flows |
| 48 | - `aged-academia`: Historical discoveries |
文件内容是平台检查时读出的文本，只供查看。平台不会运行包里的任何脚本或程序。
