agent-skills/sn-infographic/references/layouts/header-body.md

header-body

Prominent header area on top, large content area below.

Structure

• Header zone (15-25%): title, subtitle, and key visual
• Body zone (75-85%): main content area
• Strong visual contrast between header and body
• Header may use a distinct background color or image

Best For

• Long-form infographics with a clear title section
• Report covers and chapter openers
• Presentation slides
• Newsletter headers

Visual Elements

• Bold header with large typography
• Decorative or illustrative header background
• Clean body area with structured content
• Optional header icon or logo

Text Placement

• Main title in header zone
• Subtitle or date below title
• All body content in the lower zone

Recommended Pairings

• corporate-memphis: Professional reports
• high-contrast-ad: High-impact announcements
• chalkboard: Educational lesson headers