Heading 1

Body text sample with a standard link and some inline code.

Heading 2

Typography should reflect the site serif/mono balance.

Heading 3

This paragraph checks spacing under mid-level headings.

Heading 4

Small heading sample.

Heading 5

Smaller heading sample.

Heading 6

Smallest heading sample.


Lists

  • Unordered item one
  • Unordered item two
  • Unordered item three
  1. Ordered item one
  2. Ordered item two
  3. Ordered item three

Blockquote

Good design systems make future edits easier, not harder.

Code Blocks

hugo server --disableFastRender
.entry-header h2 {
  font-style: italic;
}
const greeting = "Hello, world";
console.log(greeting);

Table

Element Selector Notes
Body text body Main serif typography
Heading h1-h6 Serif italic hierarchy
Meta/code UI code, .post-meta, .nav Mono uppercase treatment

Horizontal Rule


Mixed Content

This sentence includes bold, italic, and inline code together.