Create a comprehensive visual hierarchy system for consistent information architecture
Design a visual hierarchy system for this brand:
**Brand Information:**
- Brand Name: ${{BRAND_NAME}}
- Primary Content Type: ${{CONTENT_TYPE}}
- Key User Actions: ${{KEY_USER_ACTIONS}}
- Information Density: ${{INFORMATION_DENSITY}}
**Current Assets:**
- Typography System: ${{TYPOGRAPHY_SYSTEM}}
- Color Palette: ${{COLOR_PALETTE}}
- Existing Components: ${{EXISTING_COMPONENTS}}
Please create:
1. **Hierarchy Levels Definition**
- Level 1: Hero/Primary (specs)
- Level 2: Section headers (specs)
- Level 3: Subsection (specs)
- Level 4: Group labels (specs)
- Level 5: Body emphasis (specs)
- Level 6: Body standard (specs)
- Level 7: Supporting/meta (specs)
2. **Size Hierarchy**
- Size ratios between levels
- Minimum/maximum sizes
- Responsive adjustments
- Touch target considerations
3. **Weight Hierarchy**
- Font weight assignments
- Bold usage guidelines
- Medium weight applications
- Light weight usage
4. **Color Hierarchy**
- Primary text color
- Secondary text color
- Tertiary text color
- Accent text usage
- Link colors
- Disabled states
5. **Spatial Hierarchy**
- Margin relationships
- Padding patterns
- Grouping through space
- Breathing room guidelines
6. **Component Hierarchy**
- Card elevation levels
- Button importance tiers
- Navigation prominence
- Modal/overlay hierarchy
7. **Interactive Hierarchy**
- Primary action styling
- Secondary action styling
- Tertiary action styling
- Destructive action styling
8. **Attention Patterns**
- Visual anchors
- Reading flow direction
- Focal point creation
- Scan path optimization
9. **Emphasis Techniques**
- When to use size
- When to use color
- When to use weight
- When to use space
- Combining techniques
10. **Implementation Examples**
- Article page hierarchy
- Dashboard hierarchy
- Form hierarchy
- Navigation hierarchy
- Marketing page hierarchy
Provide a systematic hierarchy framework with specific values and usage examples.Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[{BRAND_NAME][{CONTENT_TYPE][{KEY_USER_ACTIONS][{INFORMATION_DENSITY][{TYPOGRAPHY_SYSTEM][{COLOR_PALETTE][{EXISTING_COMPONENTS]