first commit

sn-infographic/references/layouts/conflict-contrast.md

@@ -0,0 +1,36 @@
+# conflict-contrast
+
+Juxtaposition of two contrasting states, ideas, or forces.
+
+## Structure
+
+- Canvas divided into two zones representing opposing states
+- Strong visual contrast between the two sides (color, texture, style)
+- Tension at the boundary between the two zones
+- Unlike binary-comparison, focuses on conflict rather than neutral comparison
+
+## Best For
+
+- Problem vs. solution narratives
+- Old vs. new paradigms
+- Negative vs. positive outcomes
+- Ideological or philosophical contrasts
+
+## Visual Elements
+
+- Dramatic color contrast between zones (e.g., dark vs. light)
+- Jagged or dynamic boundary between zones
+- Opposing visual styles or textures per side
+- Optional central conflict element at the boundary
+
+## Text Placement
+
+- Labels within each zone
+- Conflict or tension label at the boundary
+- Title above the composition
+
+## Recommended Pairings
+
+- `high-contrast-ad`: High-contrast conflict compositions
+- `neon-futurism`: Neon vs. dark contrast
+- `chalkboard`: Light vs. dark educational contrasts