Headings

Semantic heading elements styled with a clear visual hierarchy.

All Heading Levels

launch.css styles all six heading levels with appropriate sizing and spacing:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Usage Guidelines

  • Use <h1> once per page for the main title
  • Follow a logical hierarchy - don't skip levels
  • Headings should describe the content that follows
  • Screen readers use headings for navigation, so proper structure matters

With Paragraphs

Section Title

This is the introductory paragraph for this section. It provides context and sets expectations for the content that follows.

Subsection

More detailed information within the section.

<h2>Section Title</h2>
<p>This is the introductory paragraph for this section. It provides context and sets expectations for the content that follows.</p>

<h3>Subsection</h3>
<p>More detailed information within the section.</p>