# 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