37 lines
963 B
Markdown
37 lines
963 B
Markdown
# breaking-the-grid
|
|
|
|
Main elements extend beyond the frame or background area.
|
|
|
|
## Structure
|
|
|
|
- Primary subject or element bleeds past its container boundary
|
|
- Creates a sense of depth and dynamism
|
|
- Background or card boundary is visible but violated
|
|
- Other elements remain within bounds for contrast
|
|
|
|
## Best For
|
|
|
|
- Dynamic product showcases
|
|
- Character or mascot introductions
|
|
- Energetic or action-oriented content
|
|
- Layouts that need visual excitement
|
|
|
|
## Visual Elements
|
|
|
|
- Subject element extending beyond its card or frame
|
|
- Drop shadow or layering to reinforce depth
|
|
- Contained background elements for contrast
|
|
- Optional motion lines or energy effects
|
|
|
|
## Text Placement
|
|
|
|
- Title within the contained area
|
|
- Subject label near the breaking element
|
|
- Supporting text inside the frame
|
|
|
|
## Recommended Pairings
|
|
|
|
- `high-contrast-ad`: Comic-style breakout characters
|
|
- `claymation`: 3D clay figures popping out
|
|
- `kawaii`: Cute characters breaking frames
|