This post demonstrates all six heading levels with proper typography and spacing.

Heading Level 1 - Main Title

This is a paragraph following an H1 heading. It should have proper spacing and readability.

Heading Level 2 - Section Title

This paragraph follows an H2 heading. H2 headings are typically used for major sections.

Heading Level 3 - Subsection Title

H3 headings are used for subsections and should have distinct but harmonious styling.

Heading Level 4 - Sub-subsection

H4 headings provide further subdivision while maintaining readability hierarchy.

Heading Level 5 - Minor Section

H5 headings are useful for detailed breakdowns and minor sections within content.

Heading Level 6 - Smallest Heading

H6 represents the smallest heading level, often used for fine-grained content organization.

Typography Hierarchy

The heading hierarchy should provide clear visual distinction between different levels while maintaining consistency with the overall design system.

Design Principles

• Consistent font weights and spacing
• Clear size hierarchy from H1 to H6
• Proper margins for visual breathing room
• Responsive typography that works on all devices