This is a sample article used to verify the blog layout, the typography defaults, and the spacing rhythm of the page. The body inherits IBM Plex Sans and headings switch to Orbitron.

Paragraphs flow with a comfortable line height. Inline elements such as a link to nowhere, some bold emphasis, and italicized text should all read clearly without extra styling.

A Section Heading

Each top-level section uses an h2. Subsections use h3. Authors write plain HTML inside the article wrapper and do not need any utility classes.

A Subsection

Lists, quotes, and code blocks all pick up sensible defaults:

  • Unordered list items have visible bullets.
  • Spacing between items stays tight but readable.
  • Long items wrap with the same line height as paragraphs.
  1. Ordered lists use numbers.
  2. They share the same spacing rules as unordered lists.
  3. Nesting works the way you expect.

A quote stands apart with a colored left border and slightly muted text, signalling that the words come from somewhere else.

Inline code looks like const answer = 42 and longer snippets get their own block with simple TSX syntax highlighting:

// Greet a player by name
import { useState } from 'react'

type Props = { name: string }

export const Greeting = ({ name }: Props) => {
  const [count, setCount] = useState(0)
  const message = `Hello, ${name}! You clicked ${count} times.`

  return (
    <button onClick={() => setCount(count + 1)}>
      {message}
    </button>
  )
}

Thanks for reading.