first commit
This commit is contained in:
35
sn-infographic/references/layouts/left-text-right-image.md
Normal file
35
sn-infographic/references/layouts/left-text-right-image.md
Normal file
@@ -0,0 +1,35 @@
|
||||
# left-text-right-image
|
||||
|
||||
Text on the left, image on the right.
|
||||
|
||||
## Structure
|
||||
|
||||
- Left column (40-50%): text content
|
||||
- Right column (50-60%): image or illustration
|
||||
- Vertical divider optional
|
||||
- Both columns vertically centered
|
||||
|
||||
## Best For
|
||||
|
||||
- Feature explanations with supporting visuals
|
||||
- Product descriptions
|
||||
- Slide-style infographic panels
|
||||
- Landscape-format content
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Strong image on the right anchoring the layout
|
||||
- Well-structured text hierarchy on the left
|
||||
- Optional background color split between columns
|
||||
|
||||
## Text Placement
|
||||
|
||||
- Headline at top-left
|
||||
- Body text below headline
|
||||
- Supporting labels or bullets in left column
|
||||
|
||||
## Recommended Pairings
|
||||
|
||||
- `corporate-memphis`: Business feature slides
|
||||
- `technical-schematic`: Technical documentation
|
||||
- `ikea-manual`: Step-by-step instructions
|
||||
Reference in New Issue
Block a user