killianc.com

Heading Showcase

This post exists to show how the heading levels look in the Terminal theme. The page title above is rendered as the post’s main heading, so within the body you will typically start at ## (h2) and work down.

Heading level 1

The largest in-content heading. Use it sparingly — usually the post title already serves as the page’s h1.

Some body text follows the heading so you can judge the spacing between a heading and the paragraph beneath it.

Heading level 2

The workhorse for top-level sections within a post. Most articles will lean on this level the most.

Body copy under an h2. It should sit comfortably below the heading with enough breathing room to separate sections visually.

Heading level 3

A subsection beneath an h2 — handy for breaking a longer section into named parts without competing with the section heading itself.

Body copy under an h3 to show the relative scale.

Heading level 4

The smallest heading in the scale, useful for fine-grained subsections or labelled notes. Below this, prefer bold text or lists rather than going deeper.

Body copy under an h4. At this size the heading is only slightly larger than the body, so it reads as a label more than a title.


For reference, here is some inline code, a short list, and a blockquote so the post also doubles as a quick typography check:

  • First item in a list
  • Second item with a link
  • Third item

A blockquote, to confirm the accent rule and muted text render as intended.