first commit

sn-infographic/references/layouts/visual-first.md

@@ -0,0 +1,36 @@
+# visual-first
+
+A large main image with very short explanatory text.
+
+## Structure
+
+- Image or illustration occupies 70-85% of the canvas
+- Text is minimal: a headline and 1-3 short labels
+- Visual carries the primary message
+- Text provides only essential context
+
+## Best For
+
+- Emotional or atmospheric content
+- Single-concept visual metaphors
+- Social media posts where image stops the scroll
+- Minimalist infographic posters
+
+## Visual Elements
+
+- Dominant, high-quality central image
+- Minimal text overlay or caption
+- Strong visual metaphor that communicates without words
+- Clean negative space for any text
+
+## Text Placement
+
+- Short headline at top or bottom
+- 1-3 brief labels if needed
+- No body text or long descriptions
+
+## Recommended Pairings
+
+- `storybook-watercolor`: Evocative painted scenes
+- `cartoon-flat`: Powerful single-image statements
+- `knolling`: Clean product-first layouts