Welcome to My Blog

This is the first entry, and it doubles as a test sheet for the theme. The reading voice is set in Geologica; section headings in Newsreader; and the big display titles in Redaction, a rough degraded serif. Labels, dates and navigation are set in a monospace. When a post has a cover image, the title is set over it as a duotone hero — the words fusing into the picture.

Headings look like this

Body text is meant for long-form reading: a comfortable measure, generous line height, and links that underline in the accent color without shouting.

A smaller heading

A small tracked label

That fourth-level heading above is deliberately different — a small uppercase label, useful for marking asides.

Blockquotes are set in the serif italic with a hairline down the side. Good for pulling a sentence out of something you’re writing about.

Code gets its own panel with a hairline border:

// Syntax colors follow the theme: cool indigo in light, soft periwinkle in the dark.
function greet(name) {
  const message = `hello, ${name}`;
  return message.toUpperCase();
}

Inline code like hugo server -D sits in a quiet chip. Tables work too:

Horizontal rules are a plain hairline. Edit or delete this post from the CMS at /admin/, or by editing this file and re-uploading it to GitHub.