37 lines
1003 B
Markdown
37 lines
1003 B
Markdown
# 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
|