37 lines
907 B
Markdown
37 lines
907 B
Markdown
# visual-first
|
|
|
|
A large main image with very short explanatory text.
|
|
|
|
## Structure
|
|
|
|
- Image or illustration occupies 70-85% of the canvas
|
|
- Text is minimal: a headline and 1-3 short labels
|
|
- Visual carries the primary message
|
|
- Text provides only essential context
|
|
|
|
## Best For
|
|
|
|
- Emotional or atmospheric content
|
|
- Single-concept visual metaphors
|
|
- Social media posts where image stops the scroll
|
|
- Minimalist infographic posters
|
|
|
|
## Visual Elements
|
|
|
|
- Dominant, high-quality central image
|
|
- Minimal text overlay or caption
|
|
- Strong visual metaphor that communicates without words
|
|
- Clean negative space for any text
|
|
|
|
## Text Placement
|
|
|
|
- Short headline at top or bottom
|
|
- 1-3 brief labels if needed
|
|
- No body text or long descriptions
|
|
|
|
## Recommended Pairings
|
|
|
|
- `storybook-watercolor`: Evocative painted scenes
|
|
- `cartoon-flat`: Powerful single-image statements
|
|
- `knolling`: Clean product-first layouts
|