Loading...
Loading...
Search for a command to run...
Create comprehensive documentation for typography hierarchy systems
Document the typography hierarchy system for this brand:
**Typography System:**
- Font Family: ${{FONT_FAMILY}}
- Size Scale: ${{SIZE_SCALE}}
- Weight Range: ${{WEIGHT_RANGE}}
- Primary Applications: ${{PRIMARY_APPLICATIONS}}
**Documentation Purpose:**
- Primary Users: ${{PRIMARY_USERS}}
- Technical Depth: ${{TECHNICAL_DEPTH}}
- Update Frequency: ${{UPDATE_FREQUENCY}}
Please document:
1. **Hierarchy Overview**
- System philosophy
- Visual hierarchy principles
- Scale relationship
- Quick reference chart
2. **Display/Hero Level**
- Font: [name]
- Size: Desktop/Tablet/Mobile
- Weight: [value]
- Line height: [value]
- Letter spacing: [value]
- Use cases: [list]
- Examples: [descriptions]
3. **Heading 1 Level**
- Complete specifications
- Use cases
- Examples
4. **Heading 2 Level**
- Complete specifications
- Use cases
- Examples
5. **Heading 3-6 Levels**
- Specifications for each
- Relationship progression
- Use case differentiation
6. **Body Text Levels**
- Large body specifications
- Default body specifications
- Small body specifications
- Use case guidance
7. **Supporting Text Levels**
- Caption specifications
- Overline specifications
- Label specifications
- Helper text specifications
8. **Special Typography**
- Pull quotes
- Blockquotes
- Code/monospace
- Data/tables
- Navigation text
9. **Responsive Behavior**
- Breakpoint specifications
- Scaling approach
- Minimum sizes
- Maximum sizes
10. **Implementation Guide**
- CSS classes/utilities
- Design tokens
- Component mapping
- Code examples
Provide complete documentation with all specifications and implementation details.Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
{{FONT_FAMILY}{{SIZE_SCALE}{{WEIGHT_RANGE}{{PRIMARY_APPLICATIONS}{{PRIMARY_USERS}{{TECHNICAL_DEPTH}{{UPDATE_FREQUENCY}Copy this prompt and paste it into your favorite AI tool