first commit

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

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