The shape of a sentence

Prose body and headings are both set in Noto Sans at prose-xl, with ink-colored bold. This is a base internal link, anexternal link, aresource link, and ananchor link.

Lists

• Unordered items use the prose default marker.
• Inline code picks up the mono face.

1. Ordered items count up.
2. Then carry on.

A blockquote sets quoted material apart with a left rule and italic body.

Definition list

Design token

A named value (like a color) defined once and reused everywhere.

Definition list

A term paired with its description, like this one.

Table

Write a pipe table with a : Caption line under it. Every table sits in a scroll box, so on a phone a wide one scrolls instead of widening the page.

Code block

Fenced blocks are highlighted with Shiki (catppuccin-mocha) and get a copy button at build time. Hand-written here, they fall back to prose code styling:

const garden = ["posts", "resources", "now"];
garden.forEach((bed) => tend(bed));