38 lines
928 B
Markdown
38 lines
928 B
Markdown
# 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
|