first commit

sn-infographic/references/layouts/edge-tension.md

@@ -0,0 +1,36 @@
+# edge-tension
+
+Subject is partially cropped and pressed to the edges of the canvas.
+
+## Structure
+
+- Main subject extends to or beyond one or more canvas edges
+- Cropping creates tension and implied continuation
+- Remaining canvas space used for text or supporting elements
+- Asymmetric composition with strong edge anchoring
+
+## Best For
+
+- Dynamic product or character presentations
+- Magazine-style editorial layouts
+- Content where the subject is larger than life
+- Attention-grabbing social media formats
+
+## Visual Elements
+
+- Subject cropped at canvas edge (head, limb, or object partially cut off)
+- Strong directional energy toward the cropped edge
+- Text placed in the open space opposite the subject
+- Optional color or texture fill in the open area
+
+## Text Placement
+
+- Title and body in the open space away from the subject
+- Subject label near the visible portion
+- Avoid placing text over the cropped area
+
+## Recommended Pairings
+
+- `high-contrast-ad`: Comic-style edge-cropped characters
+- `claymation`: 3D figures pressing against the frame
+- `corporate-memphis`: Modern editorial crops