first commit

sn-infographic/references/layouts/left-image-right-text.md

@@ -0,0 +1,35 @@
+# left-image-right-text
+
+Image on the left, text on the right.
+
+## Structure
+
+- Left column (50-60%): image or illustration
+- Right column (40-50%): text content
+- Mirror of left-text-right-image
+- Both columns vertically centered
+
+## Best For
+
+- Narrative-driven content where image leads
+- Profile or persona cards
+- Case study highlights
+- Landscape-format infographic panels
+
+## Visual Elements
+
+- Dominant image on the left setting the scene
+- Text hierarchy on the right providing context
+- Optional vertical accent line between columns
+
+## Text Placement
+
+- Headline at top-right
+- Body text below headline
+- Key points or stats in right column
+
+## Recommended Pairings
+
+- `storybook-watercolor`: Character or scene introductions
+- `corporate-memphis`: Business case studies
+- `high-contrast-ad`: High-impact feature callouts