Files
agent-skills/sn-infographic/references/layouts/left-text-right-image.md
Hermes Agent ccc63d1e70 first commit
2026-05-10 13:52:46 +08:00

815 B

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
  • corporate-memphis: Business feature slides
  • technical-schematic: Technical documentation
  • ikea-manual: Step-by-step instructions