agent-skills/sn-infographic/references/layouts/asymmetry.md

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