first commit

sn-infographic/references/layouts/text-wrap.md

@@ -0,0 +1,36 @@
+# text-wrap
+
+Text tightly wraps around the contours of shapes or images.
+
+## Structure
+
+- Image or shape placed within a text block
+- Text flows around the shape's outline
+- Creates organic integration of text and image
+- Shape acts as an anchor within the text flow
+
+## Best For
+
+- Magazine-style editorial layouts
+- Illustrated articles or reports
+- Content where image and text are equally important
+- Flowing narrative with visual support
+
+## Visual Elements
+
+- Irregular or shaped image with clear contour
+- Text flowing around the shape boundary
+- Optional drop cap or pull quote
+- Consistent text column width
+
+## Text Placement
+
+- Text wraps around the image contour
+- Image positioned left, right, or center within text
+- Caption below or beside the image
+
+## Recommended Pairings
+
+- `aged-academia`: Classic editorial text wraps
+- `storybook-watercolor`: Illustrated story pages
+- `crayon-hand-drawn`: Hand-drawn image with flowing text