first commit

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

@@ -0,0 +1,36 @@
+# 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