This is a sample blog post. It demonstrates the typography, spacing, and code highlighting capabilities of the design system.

headings

Content is structured with clear heading hierarchy to guide readers through the material.

code

Inline code like const x = 42 and fenced blocks:

function greet(name: string): string {
  return `hello, ${name}`;
}

prose

Body text uses the prose typography plugin for comfortable reading. Paragraphs are spaced generously, line heights are relaxed, and contrast is tuned to the token system’s luminance scale.

Lists work too:

• item one
• item two
• item three