37 lines
884 B
Markdown
37 lines
884 B
Markdown
# 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
|