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

833 B

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
  • storybook-watercolor: Character or scene introductions
  • corporate-memphis: Business case studies
  • high-contrast-ad: High-impact feature callouts