agent-skills/sn-infographic/references/layouts/heading-subheading.md

heading-subheading

Type size and weight contrast forms a title-subtitle-body vertical hierarchy.

Structure

• Large main heading at top
• Smaller subheading below
• Body text or content beneath
• Hierarchy communicated purely through typography
• No hard grid divisions required

Best For

• Text-heavy infographics
• Quote or statement posters
• Typography-led editorial designs
• Key message callouts

Visual Elements

• Dramatic size contrast between heading levels
• Weight variation (bold heading, regular body)
• Optional decorative rule or accent between levels
• Minimal imagery to keep focus on text

Text Placement

• H1: largest, most prominent
• H2: secondary, supporting context
• Body: smallest, detailed information

Recommended Pairings

• aged-academia: Editorial or academic typography
• high-contrast-ad: High-contrast typographic posters
• ikea-manual: Clean instructional hierarchy