36 lines
833 B
Markdown
36 lines
833 B
Markdown
# left-image-right-text
|
|
|
|
Image on the left, text on the right.
|
|
|
|
## Structure
|
|
|
|
- Left column (50-60%): image or illustration
|
|
- Right column (40-50%): text content
|
|
- Mirror of left-text-right-image
|
|
- Both columns vertically centered
|
|
|
|
## Best For
|
|
|
|
- Narrative-driven content where image leads
|
|
- Profile or persona cards
|
|
- Case study highlights
|
|
- Landscape-format infographic panels
|
|
|
|
## Visual Elements
|
|
|
|
- Dominant image on the left setting the scene
|
|
- Text hierarchy on the right providing context
|
|
- Optional vertical accent line between columns
|
|
|
|
## Text Placement
|
|
|
|
- Headline at top-right
|
|
- Body text below headline
|
|
- Key points or stats in right column
|
|
|
|
## Recommended Pairings
|
|
|
|
- `storybook-watercolor`: Character or scene introductions
|
|
- `corporate-memphis`: Business case studies
|
|
- `high-contrast-ad`: High-impact feature callouts
|