Wordmark

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lead paragraph text for introducing content with slightly larger size and comfortable line-height.

Body text with optimal line-length for readability. The quick brown fox jumps over the lazy dog. This paragraph demonstrates comfortable reading rhythm with proper line-height of 1.6–1.7 for sustained reading.

Small text for secondary information or helper text.

Caption text for labels and metadata

Links can appear inline with text and maintain proper spacing and readability. Multiple inline links work well together in paragraphs.

Unordered List

• First item with adequate spacing
• Second item demonstrating comfortable line-height
• Third item with nested list:
  • Nested item one
  • Nested item two
  • Nested item three
• Fourth top-level item

Ordered List

1. First step in the process
2. Second step with sub-steps:
   1. Sub-step A
   2. Sub-step B
   3. Sub-step C
3. Third step completing the sequence
4. Final step with conclusion

"This is a blockquote with proper styling including left border, padding, italic text, and muted color. It's perfect for highlighting quotes or important callouts."

Inline code like const example = true; or npm install has a subtle background and proper spacing. Use it for variable names, commands, or file.paths.

// Example code block
function greet(name: string): string {
  return `Hello, ${name}!`;
}

const message = greet("World");
console.log(message);