37 lines
957 B
Markdown
37 lines
957 B
Markdown
# full-bleed-image
|
|
|
|
Image fills the entire canvas with no border, text overlays on top.
|
|
|
|
## Structure
|
|
|
|
- Image or illustration covers 100% of the canvas
|
|
- No white margins or borders
|
|
- Text overlaid directly on the image
|
|
- Text areas use contrast treatment (dark overlay, light box, or drop shadow)
|
|
|
|
## Best For
|
|
|
|
- Atmospheric or emotional infographics
|
|
- Travel, nature, or lifestyle content
|
|
- Dramatic announcements
|
|
- Background-driven storytelling
|
|
|
|
## Visual Elements
|
|
|
|
- Full-bleed photograph or illustration
|
|
- Semi-transparent overlay for text legibility
|
|
- Minimal text to avoid cluttering the image
|
|
- Optional vignette at edges
|
|
|
|
## Text Placement
|
|
|
|
- Title centered or at top with high contrast
|
|
- Supporting text in a legible zone
|
|
- Avoid placing text over busy image areas
|
|
|
|
## Recommended Pairings
|
|
|
|
- `storybook-watercolor`: Painterly full-bleed scenes
|
|
- `neon-futurism`: Neon text over dark imagery
|
|
- `high-contrast-ad`: High-contrast graphic overlays
|