Nick Hollins
← Writing

A tour of the type system

· 1 min read

This post exists to demonstrate how long-form writing looks on the site. It uses the same type system, accent color, and theme as everything else, so what you see here is exactly what your posts will look like.

Subheadings keep things scannable

Use h3 subheadings to break a post into sections. They sit a little tighter to the paragraph that follows so the structure reads clearly without shouting.

Inline elements work too: here’s some inline code, a link to Astro, and bold text for emphasis.

Blockquotes are set with a warm accent rule on the left. They’re good for pulling out a key idea or quoting someone else.

Lists

An unordered list:

  • First point worth making
  • Second point, slightly longer to show how wrapping looks
  • Third point to round it out

And an ordered one:

  1. Do the first thing
  2. Then the second thing
  3. Finally, the third

Code blocks

Fenced code blocks get syntax highlighting that adapts to light and dark mode:

function greet(name: string): string {
  // A friendly hello
  return `Hello, ${name}!`;
}

console.log(greet('world'));

That’s the full toolkit — headings, prose, quotes, lists, and code — all sharing one consistent look.

← Back to writing