baoyu-skills/skills/baoyu-xhs-images/references/layouts/flow.md

flow

Process and timeline layout

Information Density

• 3-6 steps/stages
• Whitespace: 30-40% of canvas

Structure

• Connected nodes with arrows
• Sequential flow, directional

Text Elements

• Title + step labels + optional descriptions per step

Visual Balance

• Directional flow (top→bottom or left→right)
• Clear progression

Best For

Processes, timelines, cause-effect chains, workflows

Best Style Pairings

tech (process diagrams), notion (simple flows), fresh (organic flows)