first commit

sn-infographic/references/layouts/full-bleed-image.md

@@ -0,0 +1,36 @@
+# full-bleed-image
+
+Image fills the entire canvas with no border, text overlays on top.
+
+## Structure
+
+- Image or illustration covers 100% of the canvas
+- No white margins or borders
+- Text overlaid directly on the image
+- Text areas use contrast treatment (dark overlay, light box, or drop shadow)
+
+## Best For
+
+- Atmospheric or emotional infographics
+- Travel, nature, or lifestyle content
+- Dramatic announcements
+- Background-driven storytelling
+
+## Visual Elements
+
+- Full-bleed photograph or illustration
+- Semi-transparent overlay for text legibility
+- Minimal text to avoid cluttering the image
+- Optional vignette at edges
+
+## Text Placement
+
+- Title centered or at top with high contrast
+- Supporting text in a legible zone
+- Avoid placing text over busy image areas
+
+## Recommended Pairings
+
+- `storybook-watercolor`: Painterly full-bleed scenes
+- `neon-futurism`: Neon text over dark imagery
+- `high-contrast-ad`: High-contrast graphic overlays