first commit

sn-infographic/references/layouts/asymmetry.md

@@ -0,0 +1,36 @@
+# asymmetry
+
+Extreme left/right imbalance balanced by visual weight.
+
+## Structure
+
+- Deliberately unequal distribution of elements
+- One side heavy (large image, dense content), other side light (text, space)
+- Visual balance achieved through weight, not symmetry
+- Creates dynamic tension and visual interest
+
+## Best For
+
+- Editorial and magazine-style layouts
+- Content where one element dominates
+- Designs that need visual energy
+- Modern, sophisticated compositions
+
+## Visual Elements
+
+- Large dominant element on one side
+- Generous negative space on the other
+- Visual weight balanced through size, color, or density
+- Optional diagonal or curved element bridging the imbalance
+
+## Text Placement
+
+- Text in the lighter, more open zone
+- Dominant element on the heavier side
+- Title in the most visually stable position
+
+## Recommended Pairings
+
+- `cartoon-flat`: Dynamic asymmetric compositions
+- `aged-academia`: Editorial asymmetric layouts
+- `corporate-memphis`: Modern asymmetric designs