first commit

sn-infographic/references/layouts/wave-path.md

@@ -0,0 +1,36 @@
+# wave-path
+
+A gentle wave path, horizontal or vertical, connects content nodes.
+
+## Structure
+
+- Content nodes arranged along a sinusoidal wave
+- Gentler and more rhythmic than an S-curve
+- Can be horizontal (left-to-right) or vertical (top-to-bottom)
+- Nodes alternate above and below the wave centerline
+
+## Best For
+
+- Rhythmic or cyclical processes
+- Content with a natural ebb and flow
+- Timeline alternatives with visual interest
+- Processes with recurring patterns
+
+## Visual Elements
+
+- Smooth wave line connecting nodes
+- Nodes at wave peaks and troughs
+- Optional fill between wave and baseline
+- Consistent node styling
+
+## Text Placement
+
+- Labels at each node
+- Title at the start of the wave
+- Conclusion at the end
+
+## Recommended Pairings
+
+- `crayon-hand-drawn`: Organic hand-drawn waves
+- `storybook-watercolor`: Flowing illustrated paths
+- `corporate-memphis`: Smooth business process waves